no-js tab switcher
Nobody has claimed this yet.
Assessment
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Newbie friendliness
- 35/100
- Issue type
- Feature
- Clarity
- Needs clarification
- Activity status
- Stale
- Tech stack
- css, html
- Domain
- frontend
Research direction
No repository file or test is named; start by reviewing the existing boilerplate structure and the CSS/HTML examples in this issue. Determine how the tab targets should be represented, then verify that tabs can switch and close without JavaScript.
Written by the indexing model from the issue text.
Description
Re: https://stackoverflow.com/a/71008554
dialog { display: block; }
dialog:not(:target):not([open]) { display: none; }
<html>
<body>
<p>
<a href="#dialog">Open dialog</a>
</p>
<dialog id="dialog">
<h2>Dialog</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<a href="#!">Close</a>
</dialog>
</body>
</html>
Not sure if this would have to enumerate every hash target (ex: #main, #settings) or if this could be done by some sort of dynamic class selector, but this should allow tabs without JavaScript.
- Dominant language
- CSS
- Stars
- 0
- Forks
- 0
- PR merge metrics
- No merged PRs in 30d
Contributor guide
No contributing guide indexed for this repository
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 BeyondCodeBootcamp/mvp.html
-
Difficulty 2/5 1-3 hours Newbie friendliness 35/100
-
Difficulty 2/5 1-3 hours Newbie friendliness 45/100
All issues in BeyondCodeBootcamp/mvp.html
Similar issues
-
bug confirmed issue
Difficulty 2/5 1-3 hours Newbie friendliness 75/100
open-webui/open-webui#30750 · 1 comment ·
-
T: Bug
Difficulty 2/5 1-3 hours Newbie friendliness 75/100
-
[Super Editor][Chat] - Floating editor scaffold does not reset panel height after closing panel Open
Difficulty 2/5 1-3 hours Newbie friendliness 75/100
-
Difficulty 2/5 1-3 hours Newbie friendliness 75/100
-
enhancement
Difficulty 2/5 1-3 hours Newbie friendliness 75/100
OpenwaterHealth/openmotion-bloodflow-app#604 · 1 comment ·