I spent a fair amount of time on this. Primer (GitHub) is like 75% the way there. Tooltips and many menus use popovers. Anchor positioning isn’t cross browser yet.
For the most part I’d say the accessibility/focus is solved by the browser. If you run into issues I’d love to hear about them though!
For the most part I’d say the accessibility/focus is solved by the browser. If you run into issues I’d love to hear about them though!
Comments
Primers dialog (in ViewComponent) uses native dialog: https://primer.style/product/components/dialog/ (react doesn’t yet because I left before I could finish it).
Both had extensive a11y reviews.
But I've been having trouble implementing this kind of containment using multiple anchors, and struggling to get it right. Can't find anyone doing this yet