Mouse: (0, 0)
Page: (0, 0)
Window: 0x0

Selection Extension Test Page

Test Instructions:
  1. Select some text in the content below
  2. Use your extend selection action to extend the selection to different points
  3. Watch the console logs to see coordinate conversions and decisions
  4. The red dots show where you click, and coordinates are displayed in the top-right
Coordinate Information:
• Grid squares are 50px wide × 25px tall
• Red rulers show pixel positions
• Mouse coordinates are shown in real-time
• Check browser console for detailed JavaScript logs
• Check Swift console for coordinate conversion logs

Sample Text Content for Testing

This is the first paragraph of test content. It contains multiple lines of text that you can use to test selection extension functionality. Try selecting part of this text and then extending the selection to different points on the page.

Here is a second paragraph with different content. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.

The third paragraph contains even more text for testing purposes. You should be able to select text in any of these paragraphs and then extend the selection to points in other paragraphs or different lines within the same paragraph.

Another Text Block

This text block is positioned at a different location to test coordinate conversion across different areas of the page. Click around this area and watch the coordinate logs.

  • List item one with selectable text
  • List item two for more testing options
  • List item three to complete the set

Bold text and italic text and code text for variety in testing selection across different inline elements and formatting.

Final paragraph at coordinates around (100, 450) relative to the grid container. Use this to test selection extension across large distances on the page.