Skip to content

Add OpaqueRange demo#126

Open
stephanieyzhang wants to merge 2 commits intoMicrosoftEdge:mainfrom
stephanieyzhang:opaque-range-demo
Open

Add OpaqueRange demo#126
stephanieyzhang wants to merge 2 commits intoMicrosoftEdge:mainfrom
stephanieyzhang:opaque-range-demo

Conversation

@stephanieyzhang
Copy link
Copy Markdown
Member

@stephanieyzhang stephanieyzhang commented Apr 6, 2026

Adds an interactive demo page for the OpaqueRange API with four use cases:

  • Caret popup positioning with an emoji picker
  • Search highlighting (real-time CSS Custom Highlight API usage)
  • Live range tracking (offsets update as the user types)
  • Disconnecting a range

Includes all demo files and a row for OpaqueRange in the root README under Cross-browser API samples.

@stephanieyzhang stephanieyzhang changed the title Opaque range demo Add OpaqueRange demo Apr 6, 2026
@stephanieyzhang stephanieyzhang marked this pull request as ready for review April 6, 2026 17:09
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant