P5.js-web-editor: Navigation dropdown menus are not accessible by keyboard

[catarak]

Nature of issue?

• [X] Found a bug

Details about the bug:

• Web browser and version: Chrome
• Operating System: Mac OSX
• Steps to reproduce this:
  

1. Hit tab to focus on one of the navigation menu options (e.g. 'File')
2. Hit enter to open the dropdown
3. Hit tab again to cycle through the options of the dropdown, except the dropdown closes.

I'm pretty sure at one point this worked, as I spend a lot of time researching how to make dropdowns keyboard accessible and perfecting it.

[himanshuc3]

It's working in my local environment! Reproduced it as per your instructions @catarak.

[catarak]

hmm, as in you're able to tab through and select "new", "open", etc.?

[himanshuc3]

No, i am able to tab from between menu items but not within sub-menu items.

[catarak]

Okay, same for me. The issue is not being able to tab into submenu items.

[Neilshweky]

I would like to tackle this issue, or a similar issue that pressing tab cycles through all of the different navigation menus

[catarak]

go for it!

[Neilshweky]

I submitted a pull request! Let me know what you think!

[himanshuc3]

Is this solved @Neilshweky @catarak

[Neilshweky]

Hi! I'm sorry I haven't forgotten about this I just have so much work right now (as the semester is nearly over).... I definitely should be able to work on it this week though, I'll keep you posted! Thanks!

[catarak]

no worries ✨

[migom6]

what's the status?

[Neilshweky]

Hey! I'm looking into other ways of fixing this issue!

[dhruvdutt]

@catarak This can be closed I guess.