iveskins
commented
7 years ago maybe this response
{"status":2,"props":{"dialogTitle":"Edit Story"},"html":"\n\n\n\n<form name=\"EditStory\" method=\"post\" action=\"\/study\/editstory\">\n <input type=\"hidden\" name=\"ucs_code\" value=\"30495\" \/> <input type=\"hidden\" name=\"reviewMode\" value=\"1\" \/>\n \n <div id=\"my-story\">\n <div class=\"padding rtkframe\">\n\n <div class=\"left\">\n <div class=\"framenum\" title=\"Frame number\">79<\/div>\n <div class=\"kanji onhover\"><span class=\"cj-k\" lang=\"ja\" xml:lang=\"ja\">\u771f<\/span><\/div>\n \n <div class=\"strokecount\" title=\"Stroke count\">[10]<br\/><span title=\"ON reading\" style=\"font-size:120%\"><span class=\"cj-k\" lang=\"ja\" xml:lang=\"ja\">\u30b7\u30f3<\/span><\/span><\/div>\n <\/div>\n\n <div class=\"right\">\n <div class=\"keyword\">\n <span class=\"JSEditKeyword\" title=\"Click to edit the keyword\" data-url=\"\/study\/editkeyword\/id\/30495\">true<\/span>\n <\/div>\n\n\n <div id=\"storybox\">\n\n <div id=\"storyedit\" style=\"display:none;\">\n\n \n <textarea name=\"txtStory\" id=\"frmStory\"><\/textarea>\n <div class=\"controls valign\">\n <div style=\"float:left;\">\n <input type=\"checkbox\" name=\"chkPublic\" value=\"1\" id=\"chkPublic\" \/> <label for=\"chkPublic\">Share this story<\/label> <\/div>\n <div style=\"float:right;\">\n <input type=\"submit\" name=\"doUpdate\" value=\"Save changes\" title=\"Save\/Update story\" \/> <input type=\"button\" id=\"storyedit_cancel\" value=\"Cancel\" name=\"cancel\" title=\"Cancel changes\" \/>\n <\/div>\n <div class=\"clear\"><\/div>\n <\/div>\n <\/div>\n \n <div id=\"storyview\" style=\"display:block;\">\n <div id=\"sv-textarea\" class=\"bookstyle\" title=\"Click to edit your story\" style=\"display:block;\">\n<div class=\"empty\">[ click here to enter your story ]<\/div> <\/div>\n\n\n <\/div>\n <\/div>\n\n <\/div>\n\n <\/div>\n <div class=\"bottom\"><\/div>\n <\/div>\n\n<\/form>\n\n<div class=\"uiBMenu\">\n <div class=\"uiBMenuItem\">\n <a class=\"uiFcBtnGreen JSDialogHide uiIBtn uiIBtnDefault\" href=\"#\"><span>Close<\/span><\/a> <\/div>\n<\/div>\n\n"}
The close button
<div class=\"uiBMenu\">\n <div class=\"uiBMenuItem\">\n <a class=\"uiFcBtnGreen JSDialogHide uiIBtn uiIBtnDefault\" href=\"#\"><span>Close<\/span><\/a> <\/div>\n<\/div>
could be included in the code from the start, not returned with the data?
fabd
But in the case where my connection is just very slow but not really off line (like a phone that loses signal going into a tunnel that doesn't know it's offline yet) then the story box just sits in the waiting for data animation state, and even if I tap on the empty space it doesn't close.
I noticed this because I have been using the site on the train recently, so I frequently loose internet connectivity in tunnels. In the Mobile view, in the Review mode I can continue to review cards even if my internet drops. If I tap on the view story button (top of page) to pop out the story box, but the call to get story data is never returned, the box just get stuck with the loading spinner animation. The close button on the story box does not show until the story data is returned. It would be nice if the close button was usable before the data is returned. In this way I could close the story box and continue reviewing cards.