Record · corpus.blog/posts/01a07df3-3805-73ba-a0b5-fbb05bfb28d4

Dialogs and popovers seem similar. How are they different?

Hidde de Vries · published 8 November 2022

A record is what was published and who pointed at it. The text of the post is not held here: read it at the source, or at its Wayback capture.

Read the post at hidde.blog Wayback capture

7blogs citing

First cited: 11 Nov 2022
Most recent: 7 Dec 2025
Rank this month: not ranked
Links from this post: 41
Words captured: 5,293

Links from this post

Link

Host

https://html.spec.whatwg.org/dev/interactive-elements.html

html.spec.whatwg.org

https://html.spec.whatwg.org/dev/popover.html

html.spec.whatwg.org

https://www.youtube.com/watch?v=uZRp7yY8SS0

youtube.com

https://portal.gitnation.org/contents/dialog-dilemmas-and-modal-mischief-a-deep-dive-into-pop-ups

portal.gitnation.org

https://github.com/oddbird/popover-polyfill

github.com

https://wiki.whatwg.org/wiki/Dialogs

wiki.whatwg.org

https://developer.apple.com/design/human-interface-guidelines/guidelines/overview

developer.apple.com

https://learn.microsoft.com/en-us/windows/win32/uxguide/designprinciples

learn.microsoft.com

https://learn.microsoft.com/en-us/windows/apps/design/controls/

learn.microsoft.com

https://www.w3.org/WAI/ARIA/apg/

w3.org

https://modalzmodalzmodalz.com/

modalzmodalzmodalz.com

https://github.com/WICG/inert

github.com

https://github.com/openui/open-ui/issues/415

github.com

https://www.w3.org/TR/CSS2/zindex.html

w3.org

https://drafts.csswg.org/css-position-4/

drafts.csswg.org

Positioning anchored popovers Read at the source ↗

hidde.blog

https://fullscreen.spec.whatwg.org/

fullscreen.spec.whatwg.org

https://www.w3.org/WAI/WCAG21/quickref/?versions=2.1

w3.org

https://html.spec.whatwg.org/dev/timers-and-user-prompts.html

html.spec.whatwg.org

https://webaim.org/projects/screenreadersurvey9/

webaim.org

https://bugs.webkit.org/show_bug.cgi?id=174667

bugs.webkit.org

https://a11ysupport.io/tech/aria/aria-modal_attribute

a11ysupport.io

https://www.w3.org/TR/wai-aria-1.2/

w3.org

https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-labelledby

developer.mozilla.org

https://github.com/oddbird/popup-polyfill

github.com

https://open-ui.org/components/popup.research.explainer

open-ui.org

Semantics and the popover attribute: which role to use when? Read at the source ↗

hidde.blog

https://adrianroselli.com/2022/04/keyboard-challenges-for-twitters-new-alt-badge.html

adrianroselli.com

https://tabatkins.github.io/specs/css-anchor-position/

tabatkins.github.io

https://popper.js.org/

popper.js.org

https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion

developer.mozilla.org

https://adrianroselli.com/2021/07/stop-using-pop-up.html

adrianroselli.com

https://adrianroselli.com/2020/05/disclosure-widgets.html

adrianroselli.com

https://www.scottohara.me//blog/2022/09/12/details-summary.html

scottohara.me

https://adrianroselli.com/2019/09/table-with-expando-rows.html

adrianroselli.com

https://open-ui.org/components/popover.research.explainer/

open-ui.org

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog

developer.mozilla.org

Use the dialog element (reasonably) Read at the source ↗

scottohara.me

https://www.scottohara.me/blog/2019/03/05/open-dialog.html

scottohara.me

https://github.com/openui/open-ui/issues/581

github.com

https://www.youtube.com/watch?v=-gBv12xu4Yo

youtube.com

Dialogs and popovers seem similar. How are they different?

Cited by

Links from this post