Skip to content

Fix bug with tabbing into three dots menu #4022#4060

Merged
FreeTubeBot merged 1 commit intoFreeTubeApp:developmentfrom
MaxLPM:development
Sep 20, 2023
Merged

Fix bug with tabbing into three dots menu #4022#4060
FreeTubeBot merged 1 commit intoFreeTubeApp:developmentfrom
MaxLPM:development

Conversation

@MaxLPM
Copy link
Contributor

@MaxLPM MaxLPM commented Sep 20, 2023

Fix bug with tabbing into three dots menu #4022

Pull Request Type

  • Bugfix

Related issue

Closes #4022

Description

Make it possible to access the three dot menu with keyboard only (tabbing)

Screen capture

2023-09-20.14-37-26.mp4

Testing

  1. Tab to any three dots button
  2. Press the button when in focus
  3. Navigate the menu using tab
    Tested it for three dot menus on most pages, though maybe I missed some

Desktop

  • OS: Debian Bookworm Stable
  • OS Version: Debian 6.1.52-1 (2023-09-07)
  • FreeTube version: 0.19.0

Additional context

All I did was add an if statement to tabindex (-1 if separator and 0 if list item) and also modify the role since ESlint was giving an error (separator and option)
Also, I don't know what ft-prompt is doing in the same component, in other parts of the code it opens a prompt but here I don't see how it can be activated? Should I apply the same changes to it?
This is my first ever pull request to open source, so any and all feedback is welcome!

@FreeTubeBot FreeTubeBot enabled auto-merge (squash) September 20, 2023 11:45
@github-actions github-actions bot added the PR: waiting for review For PRs that are complete, tested, and ready for review label Sep 20, 2023
@absidue
Copy link
Member

absidue commented Sep 20, 2023

Thanks for your pull request, to answer your question about the ft-prompt component being used, I recommend that you take a look at this pull request #3121 (TL;DR, the share menu is shown inside a prompt on narrow screens and mobile devices, eventually it would be good if other dropdowns were updated to do the same, but will likely require some redesigning #1450).

Copy link
Collaborator

@kommunarr kommunarr left a comment

Choose a reason for hiding this comment

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

LGTM

@FreeTubeBot FreeTubeBot merged commit 5294026 into FreeTubeApp:development Sep 20, 2023
@github-actions github-actions bot removed the PR: waiting for review For PRs that are complete, tested, and ready for review label Sep 20, 2023
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

Successfully merging this pull request may close these issues.

[Bug]: Impossible to interract with Three dots menu when u opened the menu through tabbing

5 participants