-
Notifications
You must be signed in to change notification settings - Fork 101
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
Smoother navigation bar UX to reduce flickering and missed clicks #316
Comments
is this issue fixed? I cannot see any PR is made referring to this issue. |
Hi @Dev-Code24, this hasn't been fixed yet. Note: this should probably be addressed together with issue #430 "Improve top bar menu navigation for keyboard and screen reader users" |
@SableRaf |
Thanks @Dev-Code24. I assigned this to you. It is not strictly required at the moment, but I think it helps keeping things tidy so I'm trying to get into the habit of assigning issues. Thanks for your contribution! |
@SableRaf |
@Dev-Code24 no problem thanks for looking into it :) If you gathered any insights on the issue feel free to share them. |
@SableRaf is this issue fixed ? |
@Rahulhanje Not yet! Let me know if you'd like to take this on. |
Yes, sure Since I am a beginner I would be happy if you could guide me on this issue need some time |
@Rahulhanje This issue is a bit more advanced and I'm not sure we have someone available to mentor you through it. I would suggest you start with the issue we already assigned to you and come back to this after the other is resolved or once you have gained a bit more confidence with the codebase. How does that sound? |
@SableRaf you guessed it correctly i don't have anyone one to mentor me so first i will try to fix the first issue you are assigned to me then i will come to this issue |
@SableRaf |
In its current state, the dropdown menu on the navigation bar is prone to flickering, and it is sometimes hard to click the button you want to hit. If your cursor hovers just one pixel outside of the hitbox the menu disappears.
There are a few ways to solve this, from introducing a delay (with the issue that it creates lag) to smarter approaches that analyze mouse movement. Some more details and code examples can be found in this article: https://www.smashingmagazine.com/2021/05/frustrating-design-patterns-mega-dropdown-hover-menus/
The text was updated successfully, but these errors were encountered: