Incorrect links sizing when details tag is open on smaller screens
See original GitHub issue
Details tag could be replaced by component with position: absolute
and show/hide toggle button
Issue Analytics
- State:
- Created 4 years ago
- Comments:5 (4 by maintainers)
Top Results From Across the Web
Links not working on site when screen size is reduced
MY problem is functional when my screen size gets below full view. Around 768 only 1 link (the contact link) seems to work...
Read more >Two Issues Styling the Details Element and How to Solve Them
Nesting a block-level element (e.g. a heading) inside a <summary> element pushes that content down below the arrow marker, ...
Read more >The Details disclosure element - HTML - MDN Web Docs
A disclosure widget is typically presented onscreen using a small triangle which rotates (or twists) to indicate open/closed status, with a ...
Read more >Enhancing The Clickable Area Size - Ahmad Shadeed
The below figure shows that: The fix for this is to: Remove the padding from the <li> element and instead, move it to...
Read more >Responsive web design basics
This allows the page to reflow content to match different screen sizes, whether rendered on a small mobile phone or a large desktop...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
I see now 🙂
PR #674 will fix it.
Update: #675 will look better.