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

[Menu] focus handling fix #6088

Closed
wants to merge 1 commit into from
Closed

[Menu] focus handling fix #6088

wants to merge 1 commit into from

Conversation

ArcanisCz
Copy link
Contributor

Fixes #5186

My idea for proper behavior is, that Menu changes focus every time, mouse enters some of the children. This seems to be better that user can use keys after leaving menu instead of removing focus on mouse motion.

@ArcanisCz ArcanisCz changed the title [Menu] focus handling fix [Menu] focus handling fix (next) Feb 11, 2017
@oliviertassinari
Copy link
Member

oliviertassinari commented Feb 12, 2017

The proposed change is quite important. I don't have any opinion on it yet. I need to benchmark what other are doing.

@oliviertassinari oliviertassinari added component: menu This is the name of the generic UI component, not the React module! next and removed PR: Needs Review labels Feb 12, 2017
@ArcanisCz
Copy link
Contributor Author

ArcanisCz commented Feb 12, 2017

Problem lies in usability on how to synchronize focus navigation (via keyboard, which changes focused elements) and hover navigation. Each of states, :hover :focus has some active (gray) backgroud. Which makes sense. But, when menu opens, they start mixing.

Menu opens, first item in list is focues (active). When you move your mouse, some other items are active (hover), but the focued one is active too (this is thing reported in #5186). Options which came to my mind were:

  1. dont focus first item initially, then keyUp wil focus last, keydown will select first. But when you press keyXX and then move your mouse, issue still remains from user perspective. (this could be taken as a very rare use case, since user would probably use only mouse or only keyboard, not both)
  2. When moving mouse inside menu at all, remove focus on focused item(s)
  3. link focus state to hover state (this is what i picked as reasonable solution - when user mousehover on item which is direct child - list item, it switches focus to it)

@oliviertassinari oliviertassinari changed the title [Menu] focus handling fix (next) [Menu] focus handling fix Feb 18, 2017
@oliviertassinari
Copy link
Member

I'm gonna post what Nathan was saying me offline regarding that issue. I'm not sure to understand the underlying implications.

i think i know the issue
this isn't the correct fix
it's my fault because I left something confusing -- selected style == focused style
it shouldn't show that focus style unless it was keyboard activated
so it's either being pre-selected (and that menu has no proper selection hooked up)
or the keyboard focus styles are showing
i'll have to check

@oliviertassinari oliviertassinari added the bug 🐛 Something doesn't work label Mar 30, 2017
@pjuke
Copy link

pjuke commented Apr 5, 2017

Any updates on this?

@oliviertassinari oliviertassinari force-pushed the next branch 3 times, most recently from 7cf8d3c to e4800de Compare April 30, 2017 22:12
@oliviertassinari
Copy link
Member

oliviertassinari commented May 21, 2017

I'm closing that PR as has been inactive for quite some time. I'm not sure what's the best fix for that one. We still have the issue as a reference. @ArcanisCz Thanks for the PR!

@ArcanisCz ArcanisCz deleted the fix/menu branch July 16, 2017 15:15
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug 🐛 Something doesn't work component: menu This is the name of the generic UI component, not the React module!
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants