A selection made in the <article> easily goes out of focus as the user clicks around. There is a global lastSelection object to keep track of the last selection internally, but it might be useful to display it to the user too. Let's display a reference to the last selection in the form.header, absolutely positioned in the top right corner, in a low-contrast color.
If a selection was made in the seventh block, beginning on the fifty-third character, the reference would display 7:53. Clicking the reference would restore the selection. Or avoid showing the numbers and just show Restore selection or something. Try both.
A selection made in the
<article>easily goes out of focus as the user clicks around. There is a globallastSelectionobject to keep track of the last selection internally, but it might be useful to display it to the user too. Let's display a reference to the last selection in theform.header, absolutely positioned in the top right corner, in a low-contrast color.If a selection was made in the seventh block, beginning on the fifty-third character, the reference would display 7:53. Clicking the reference would restore the selection. Or avoid showing the numbers and just show Restore selection or something. Try both.