Popover API or Dialog API: Which to Choose? | CSS-Tricks Choosing between Popover API and Dialog API is difficult because they seem to do the same job, but they don’t! After a bit lots of research, I discovered that the Popover API and Dialog API are wildly...

#Development #Comparisons
Popover API vs. Dialog API · “They seem to do the same job, but they don’t!” ilo.im/16b207 by Zell Liew

_____
#Popover #HtmlDialog #Accessibility #ARIA #Invokers #APIs #WebDev #Frontend #HTML #JavaScript

Better defaults for popovers - Manuel Matuzovic I recently added a rule to my reset style sheet UA+ that I wanted to share with you.

#Development #Techniques
Better defaults for popovers · A small anchor-repositioning with a big effect ilo.im/169wki by Manuel Matuzović

_____
#ModernCSS #Popover #Buttons #AnchorPositioning #HtmlDialog #ProgressiveEnhancement #WebDev #Frontend #CSS

Dialog view transitions · Medienbäcker Thomas Günther Combining view transitions and the dialog element, possible?

#Development #Techniques
Dialog view transitions · Smooth animations for native HTML dialogs ilo.im/1698lv by Thomas Günther

_____
#HtmlDialog #ViewTransitions #API #ProgressiveEnhancement #Browser #WebDev #Frontend #DOM #HTML #JavaScript

Controlling dialogs and popovers with the Invoker Commands API - HTMHell A collection of bad practices in HTML, copied from real websites.

#Development #Introductions
Controlling dialogs and popovers · The power of the Invoker Commands API ilo.im/168z16 by Aubrey Sambor

_____
#Invokers #HtmlDialog #Popovers #API #Polyfill #Browser #WebDev #Frontend #HTML

Top layer troubles: popover vs. dialog - HTMHell A collection of bad practices in HTML, copied from real websites.

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

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

Use overscroll-behavior: contain to prevent a page from scrolling while a <dialog> is open Chrome 144 features a small change to overscroll-behavior: it now also works on non-scrollable scroll containers. While this change might seem trivial, it fixes an issue developers have been dealing with...

#Development #Releases
Scroll prevention while ‘dialog’ is open · Chrome 144 addresses a long-standing developer issue ilo.im/168pbn by Bram Van Damme

_____
#ModernCSS #Scrolling #HtmlDialog #Webpage #Chrome #Browser #WebDev #Frontend #HTML #CSS