Dialogs cannot be shown with the Popover API
Nobody has claimed this yet.
Assessment
- Difficulty
- 1/5
- Estimated time
- Under an hour
- Newbie friendliness
- 72/100
- Issue type
- Bug
- Clarity
- Clearly specified
- Activity status
- Quiet
- Tech stack
- css
- Domain
- frontend
Research direction
Start by reproducing the dialog/popover behavior in the linked CodePen, then locate the shown dialog:not([open]) rule in the stylesheet. Update the normalization so a <dialog popover> can be displayed, and verify that both ordinary dialogs and popover dialogs remain correctly visible or hidden.
Written by the indexing model from the issue text.
Description
The following rule prevents <dialog> elements from being shown with the Popover API:
:where(dialog:not([open])) {
display: none;
}
This codepen demonstrates the issue: https://codepen.io/pokeplun/pen/GgjdgQx
The methods of showing the <dialog> that treat it as a popover don't result in a state that matches dialog[open] (they only match :popover-open), which results in the element never being shown by default.
<dialog popover> is perfectly reasonable semantically, so this seems like a bug
- Dominant language
- HTML
- Stars
- 656
- Forks
- 66
- PR merge metrics
- No merged PRs in 30d
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
More from csstools/normalize.css
-
Difficulty 2/5 1-3 hours Newbie friendliness 68/100
csstools/normalize.css#27 ·
-
Difficulty 2/5 1-3 hours Newbie friendliness 35/100
csstools/normalize.css#32 · 1 reaction ·
-
Difficulty 2/5 1-3 hours Newbie friendliness 35/100
csstools/normalize.css#28 ·
-
Use `@layer` Open
Difficulty 5/5 Over a week Newbie friendliness 45/100
csstools/normalize.css#26 · 2 comments · 2 reactions ·
All issues in csstools/normalize.css
Similar issues
-
community first-timers-only good first issue hacktoberfest help wanted low hanging fruit up-for-grabs
Difficulty 1/5 Under an hour Newbie friendliness 82/100
-
enhancement
Difficulty 2/5 1-3 hours Newbie friendliness 70/100
dennys-bd/agent-hive#184 ·
-
bug frontend
Difficulty 2/5 1-3 hours Newbie friendliness 72/100
cancervariants/metakb#902 ·
-
Two open-case totals on one screen: the Programs tile says 15,858 and the nav badge says 15,868 Openbug frontend maui-pilot
Difficulty 2/5 1-3 hours Newbie friendliness 72/100
-
Save States Menu Open
Difficulty 2/5 1-3 hours Newbie friendliness 68/100