This is a test page to determine how the focus navigation start point relates to selection.

When clicking in the test content below, a red line will be placed to mark where the selection (as reported by the getSelection API) is located.

Things to try:

  1. Click in the test content to place selection and then press tab. Note how the next focused item will be after wherever the selection is set.
  2. Click "Schedule reposition of selection after ipsum link" and then click to position the selection before the cupidatat link within the next 5 seconds. When the timer expires, tab and notice whether focus moves to the next link after the new selection position or the next link after the original clicked location.
  3. Click "Schedule removal of cupidatat link" and then tab to focus the cupidatat link within the next 5 seconds. When the timer expires, tab and notice how focus moves to the next link after the position where the cupidatat link was.
  4. Find on page the word magna (in the test content), then dismiss the find on page UI and press tab. Note how focus moves to the link after the found word. Also note that the currently highlighted found word coincides with selection.
  5. Click "Schedule ipsum link scrollIntoView" and then click to position selection after the cupidatat link within 5 seconds. When the timer expires press tab and observe whether scrollIntoView affected the focus navigation start point.
  6. Drag select forward over the consequat link. Press tab. Note whether the next link to receive focus is the consequat link or the cupidatat link.
  7. Repeat the previous drag select experiment but drag the selection so that its reversed (start selecting after the consequat link and then drag to a spot before it). Now press tab and note whether the next element to be focused is any different than in the previous test.

Test content
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Event Log

My findings