#popoverapi — Public Fediverse posts

#Development #Pitfalls
Top layer troubles, popover vs. dialog · How to avoid possible conflict points https://ilo.im/168t8f

_____
#TopLayer #HtmlDialog #PopoverAPI #Modals #Browser #WebDev #Frontend #HTML #CSS #JavaScript

#Development #Pitfalls
Top layer troubles, popover vs. dialog · How to avoid possible conflict points https://ilo.im/168t8f

_____
#TopLayer #HtmlDialog #PopoverAPI #Modals #Browser #WebDev #Frontend #HTML #CSS #JavaScript

In case you are wondering why I’m relatively silent in 2025 (especially compared to last year), no reason.

At the moment I’m still having “fun” with the Popover API, I’ve just filed a Firefox issue:
https://cssence.com/2025/popover-shift-tab-issue/

#WebDev #PopoverAPI #Firefox

In case you are wondering why I’m relatively silent in 2025 (especially compared to last year), no reason.

At the moment I’m still having “fun” with the Popover API, I’ve just filed a Firefox issue:
https://cssence.com/2025/popover-shift-tab-issue/

#WebDev #PopoverAPI #Firefox

The popover API has been added just recently as Baseline 2024 for all major browsers.
So you don't have to write all the tricky code for open/close mechanism and accessibility yourself.

Check it out: https://web.dev/blog/popover-api

#webdev #JavaScript #HTML #CSS #PopoverAPI #programming

The popover API has been added just recently as Baseline 2024 for all major browsers.
So you don't have to write all the tricky code for open/close mechanism and accessibility yourself.

Check it out: https://web.dev/blog/popover-api

#webdev #JavaScript #HTML #CSS #PopoverAPI #programming

#Development #Guides
Poppin’ In · Say hello to the handy new Popover API https://ilo.im/15zboz

_____
#Navigation #Tooltip #Dialog #PopoverAPI #Browser #WebDev #Frontend #HTML #CSS

#Development #Guides
Poppin’ In · Say hello to the handy new Popover API https://ilo.im/15zboz

_____
#Navigation #Tooltip #Dialog #PopoverAPI #Browser #WebDev #Frontend #HTML #CSS

#Development #Introductions
Popover API is here · What you can expect from the new web API https://ilo.im/15yqdg

_____
#Browser #PopoverAPI #AnchorPositioningAPI #WebAPI #WebDev #Frontend #HTML #CSS

#Development #Introductions
Popover API is here · What you can expect from the new web API https://ilo.im/15yqdg

_____
#Browser #PopoverAPI #AnchorPositioningAPI #WebAPI #WebDev #Frontend #HTML #CSS

お、、おおおおお！！！
やっぱり！特定の要素の中の子要素でも popover API を使うと、その親要素を飛び出せる（ドキュメントのルートの外に特別なレイヤーに配置できる）のか！！ :tony_wee:

#html #WebDev #popoverAPI

お、、おおおおお！！！
やっぱり！特定の要素の中の子要素でも popover API を使うと、その親要素を飛び出せる（ドキュメントのルートの外に特別なレイヤーに配置できる）のか！！ :tony_wee:

#html #WebDev #popoverAPI

In the #OpenUI discord @Una (as a follow-up to my answer to @utilitybend) asked if we could use anchor positioning to connect the #PopoverAPI popovers and their anchors (via #CSS #AnchorPositioning) and while we can (https://codepen.io/kizu/pen/qBJQpjm, hacky but works), I stumbled upon a usage issue and a Chrome bug.

- I opened a CSSWG issue about using the implicit anchor elements on the nested elements somehow — https://github.com/w3c/csswg-drafts/issues/8913
- I opened a Chrome bug — https://bugs.chromium.org/p/chromium/issues/detail?id=1451095

In the #OpenUI discord @Una (as a follow-up to my answer to @utilitybend) asked if we could use anchor positioning to connect the #PopoverAPI popovers and their anchors (via #CSS #AnchorPositioning) and while we can (https://codepen.io/kizu/pen/qBJQpjm, hacky but works), I stumbled upon a usage issue and a Chrome bug.

- I opened a CSSWG issue about using the implicit anchor elements on the nested elements somehow — https://github.com/w3c/csswg-drafts/issues/8913
- I opened a Chrome bug — https://bugs.chromium.org/p/chromium/issues/detail?id=1451095

#Development #Introductions
Open UI and the Popover API · It’s time to handle our basic popovers without the explicit need of JavaScript https://ilo.im/11tic2

_____
#W3C #OpenUI #PopoverAPI #Popover #Popup #Tooltip #WebDevelopment #WebDev #Frontend #HTML #CSS #Accessibility #A11y

#Development #Introductions
Open UI and the Popover API · It’s time to handle our basic popovers without the explicit need of JavaScript https://ilo.im/11tic2

_____
#W3C #OpenUI #PopoverAPI #Popover #Popup #Tooltip #WebDevelopment #WebDev #Frontend #HTML #CSS #Accessibility #A11y