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

greedy-navigation timeout causes inconsistent behaviour with translucency #4537

Open
lifehackerhansol opened this issue Sep 30, 2023 · 0 comments

Comments

@lifehackerhansol
Copy link

lifehackerhansol commented Sep 30, 2023

What happened?

While below is our site configuration, I have explicitly disabled the portion of the code that causes this issue as a stopgap solution. But this is reproducible even on the documentation site, so I find that a non-issue (and I don't know how the doc site is built, so I can't fill it out for that.)

  • Minimal Mistakes version: 4.24.0
  • Ruby gem or remote theme version: 4.24.0
  • Jekyll version: 4.3.2
  • Git repository URL: https://github.com/hacks-guide/Guide_3DS
  • Hosted on GitHub Pages (if yes provide URL to site): yes, but it doesn't use GitHub Pages' build engine, rather our own Actions script that uses updated Jekyll: https://3ds.hacks.guide
  • Operating system: All

Expected behavior

Upon timeout of the navigation dropdown, the page should un-fade, and be visible as usual.

Actual behaviour

This behaviour is reproducible on the documentation site as well.

In the event that one opens the navigation bar dropdown menu, let the mouse leave, and wait for the timeout as specified in the greedy navigation JavaScript, the dropdown will disappear as expected, but the background fade will not.

Clicking anywhere else on the page will remove the fade, but the dropdown menu appears again with no fade, and the behaviour persists this way until letting the menu timeout again.

Steps to reproduce the behavior

  1. Have as many items in the navigation.yml to make the greedy-nav dropdown appear
  2. Click on dropdown
  3. Move mouse away from dropdown and wait a few seconds (triggers mouseleave)
    • The issue starts here, where the dropdown disappears, but the background still has translucency, and the dropdown toggle still shows an X
  4. Click anywhere on the screen
    • This will remove the translucency, and the X will turn back into hamburger menu, but then the dropdown menu appears again...?
  5. Click on the dropdown again
    • This adds translucency again, and the hamburger menu changes to an X, but the dropdown menu disappears
  6. Click anywhere on the screen to go back to step 3
  7. Move the mouse into the dropdown menu, then move it back out, to return to a normal state

Other

No response

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant