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

Handle keyboard input without search active #710

Merged
merged 2 commits into from
Nov 23, 2022
Merged

Handle keyboard input without search active #710

merged 2 commits into from
Nov 23, 2022

Conversation

nikku
Copy link
Member

@nikku nikku commented Nov 22, 2022

Depends on #706, #709, #708.


Closes #701

@bpmn-io-tasks bpmn-io-tasks bot added the needs review Review pending label Nov 22, 2022
@nikku nikku requested review from smbea and barmac November 22, 2022 19:45
@nikku nikku changed the base branch from develop to correct-keyboard-selection November 22, 2022 21:05
@nikku nikku force-pushed the correct-keyboard-selection branch from 6a4f6f8 to 5f20c13 Compare November 22, 2022 21:06
Base automatically changed from correct-keyboard-selection to develop November 23, 2022 09:10
@smbea
Copy link
Contributor

smbea commented Nov 23, 2022

I found a bug in hovering the header elements:

Without search: works as expected

Screen.Recording.2022-11-23.at.10.50.33.mov

With search: hover doesn't work

Screen.Recording.2022-11-23.at.10.49.26.mov

I seems this was caused by the changed in #706:

- if (!entries.includes(selectedEntry) && !selectedEntry) {
+ if (!entries.includes(selectedEntry) || !selectedEntry) {

@nikku
Copy link
Member Author

nikku commented Nov 23, 2022

@smbea Without additional context could you user test the latest changes on this branch. Does it feel intuitive for you and fix #710 (comment)?

@smbea
Copy link
Contributor

smbea commented Nov 23, 2022

@nikku it fixes the issue. But I'm a little torn because the first state shown when the menu is opened (first entry selected) is different from when the mouse enters and leaves the menu (nothing is selected). Personally: I would expect either always having something selected or only having something selected if explicitly selected (don't select by default). But I don't know if that's just me 😅

@nikku
Copy link
Member Author

nikku commented Nov 23, 2022

#710 (comment)

Thanks for the feedback. We could ensure that "automatic selection" only happens if there is actual keyboard filtering happening. Why we have it in the first place: To support a streamlined keyboard selection flow.

@smbea
Copy link
Contributor

smbea commented Nov 23, 2022

@nikku I think that makes sense. I also understand why we did it, but the difference in those situations just felt a bit off

@nikku
Copy link
Member Author

nikku commented Nov 23, 2022

Getting rid of the initial keyboard focus feels odd, too. For users to understand that they can navigate using the keyboard they need an initial visual indication.

Let's leave it like this; I'll try to see if I can ramp up the test coverage.


For comparison menu:

image

And similar menu in Camunda Desktop Modeler:

capture bwx5rz_optimized

@smbea
Copy link
Contributor

smbea commented Nov 23, 2022

@nikku true. If we already have something similar and no doesn't bother anyone, then I agree we keep it for now at least.

I didn't find any other issues so I'd say we are good to go

Copy link
Member

@barmac barmac left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It works great. I wouldn't change anything interaction-wise.

@nikku
Copy link
Member Author

nikku commented Nov 23, 2022

Following up on the proposed improvements here: #711.

This branch can be reviewed independently.

@bpmn-io-tasks bpmn-io-tasks bot removed the needs review Review pending label Nov 23, 2022
@nikku nikku merged commit 0d8f7a8 into develop Nov 23, 2022
@nikku nikku deleted the 701-popup-keys branch November 23, 2022 14:12
@bpmn-io-tasks bpmn-io-tasks bot added the needs review Review pending label Nov 23, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
needs review Review pending
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Arrow keys don't work in popup menu
3 participants