Tech does not just watch: Take action against Russia’s war on Ukraine 🇺🇦, and take action against Israel’s oppression and killing of Palestinians and the occupation and destruction of Palestine (history) 🇵🇸 Hide

Frontend Dogma

“disclosure-widgets” News Archive

Definition, related topics, and tag feed

Definition · Supertopics: design-patterns, html (non-exhaustive) · “disclosure-widgets” RSS feed (per email)

Entry (Sources) and Other Related TopicsDate#
Should We Even Have “:closed”? (sun/css)25
css, selectors
“::details-content”: Style Expandable Content Without Wrapper Divs (tre)24
css, html
Rethinking Cookie Dialogs (nat)23
accessibility, html, cookies, consent-management
Let’s Play Accordion With the HTML “details” Element (ale)22
html, accordions
Can Native Web APIs Replace Custom Components in 2025? (dxn/log)21
apis, components, web-platform, pop-overs
Opening a “details” Element From the URL (chr/fro)20
html, urls
Expanding/Collapsing With “details” (ons/oze)19
accessibility, html
Disclosures and Accordions (web)18
accordions, accessibility
Creating Animated Accordions With the “details” Element and Modern CSS (ste/bui)17
html, css, accordions, animations, transitions
Cool Native HTML Elements You Should Already Be Using (hrr)16
html, modals, forms, progress-indicators
Using and Styling the “details” Element (geo/css)15
html, css, examples
Only One “<details>” Open at a Time (osv)14
html
The Devil Is in the “<details>” (mat)13
html
More Options for Styling “<details>” (bra/dev)12
html, css
The “<details>” and “<summary>” Elements Are Getting an Upgrade (sea)11
html
Pop(over) the Balloons (css)10
html, pop-overs, css
The Devil Is in the Details: A Look Into a Disclosure Widget Markup (its/mat)9
html, css, javascript
20 Simple Ways to Style the HTML “details” Element8
html, css
The “details” Element and In-Page Search (mat)7
html, search, browsers, user-experience
“details”/“summary” Inconsistencies (mat)6
html, browsers, assistive-tech, support
The “details” Element Is Amazing (fon)5
html
A “details” Element as a Burger Menu Is Not Accessible (ger/clo)4
html, semantics, accessibility
The “details” and “summary” Elements, Again (sco)3
html, accessibility
Details/Summary (5t3)2
html, semantics
Pausing a GIF With “details”/“summary” (chr/css)1
html, gif, images, animations