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.

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

[Refresh] Navigation does not work without JavaScript enabled #15360

Open
alexgibson opened this issue Oct 22, 2024 · 0 comments
Open

[Refresh] Navigation does not work without JavaScript enabled #15360

alexgibson opened this issue Oct 22, 2024 · 0 comments
Assignees
Labels
Bug 🐛 Something's not working the way it should Refresh 🦖 Work related to the 2024 site refresh

Comments

@alexgibson
Copy link
Member

alexgibson commented Oct 22, 2024

Description

The new navigation is reliant on JavaScript to function. The hover menus should at least be able to function using just CSS, and then be progressively enhanced when JS executes. Not a lot of people disable JavaScript, but a navigation that works via progressive enhancement is more reliable and robust if a JS error should occur.

Steps to reproduce

  1. Set M24_WEBSITE_REFRESH to active in the DB.
  2. Run npm start
  3. Open http://localhost:8000/en-US/
  4. Open dev tools and disable JavaScript in the settings menu.
  5. Refresh the page.
  6. Hover over a menu item with the mouse.

Expected result

The navigation menu should open.

Actual result

The navigation menu is inaccessible.

Environment

macOS
Firefox Nightly

@alexgibson alexgibson added Bug 🐛 Something's not working the way it should Refresh 🦖 Work related to the 2024 site refresh labels Oct 22, 2024
@alexgibson alexgibson assigned alexgibson and unassigned alexgibson Oct 23, 2024
alexgibson added a commit to alexgibson/bedrock that referenced this issue Oct 24, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Bug 🐛 Something's not working the way it should Refresh 🦖 Work related to the 2024 site refresh
Projects
Status: In Progress
Development

No branches or pull requests

1 participant