[w3c/editing] Ability to anchor a popover to the native selection rectangle using CSS Anchor Positioning (Issue #518)

michael created an issue (w3c/editing#518)

This is up for discussion, but it would be a great thing for editor developers like myself to be able to anchor a popover (using CSS Anchor Positioning) not just to elements in the DOM, but to the native DOM Selection.

Then workarounds like rendering a span to be used as an anchor wouldn't be required anymore (see #516).

**Proposal**: Use a reserved anchor name (e.g. --dom-selection-rectangle) that the browser sets up automatically and that you can then use to position your popover.

```css
.create-link-popover {
  position-anchor: --dom-selection-rectangle;
  /* other props */
  position: absolute;
  position-area: block-end span-all;
  justify-self: anchor-center;
  pointer-events: auto;
  z-index: 30;
  position-try-fallbacks: flip-block;
}
```

-- 
Reply to this email directly or view it on GitHub:
https://github.com/w3c/editing/issues/518
You are receiving this because you are subscribed to this thread.

Message ID: <w3c/editing/issues/518@github.com>