Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Mobile menu is not working without Java Script #13

Open
luap42 opened this issue Jan 16, 2020 · 1 comment
Open

Mobile menu is not working without Java Script #13

luap42 opened this issue Jan 16, 2020 · 1 comment
Assignees
@ArtOfCode- @luap42
Labels
area: components Changes to design components meta: help wanted Extra attention is needed
Milestone
v1.0.0

Comments

@luap42
Copy link
Member

luap42 commented Jan 16, 2020

The mobile menu is currently not accessible without Java Script enabled. This was noted here:

codidact/core#13 (comment)

This should be fixed. This issue is for collecting ideas on how to solve that.
@luap42 luap42 added meta: help wanted Extra attention is needed area: components Changes to design components labels Jan 16, 2020
@ArtOfCode-
Copy link
Member

The way I usually do a CSS-only mobile menu is to have a checkbox+label - the checkbox is always hidden via CSS, and the label is styled to look like an "open menu" button. Then the sibling and state selectors (i.e. .checkbox:checked ~ .menu) can be used to make the menu visible when the checkbox is checked.

@luap42 luap42 added this to the v1.0.0 milestone Jan 16, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@ArtOfCode- ArtOfCode-

@luap42 luap42

Labels
area: components Changes to design components meta: help wanted Extra attention is needed
Projects
None yet
Milestone
v1.0.0
Development

No branches or pull requests
2 participants
@ArtOfCode- @luap42