Skip to content

[Feature Request]: Better Keyboard Navigation For Add Tag Modal #405

Closed
@Computerdores

Description

@Computerdores

Checklist

  • I am using an up-to-date version.
  • I have read the documentation.
  • I have searched existing issues.

Description

The keyboard navigation for the Add Tag Modal is currently a bit wonky. The main problem for me is using Tab to navigate the Modal, because it gets stuck on the Aliases Field.
Also when opening the Add Subtag Modal after closing it previously, the old query is still in the search bar and the search bar isn't in focus.

Solution

I would like to make the following changes:

  • Pressing Tab while in the Aliases Text Box should move focus to the next Element (Subtag Panel / Add Subtag button)
  • When opening the Add Tag / Add Subtag Modals the Content of the first text box should be selected. That way it's possible to either start typing normally for a new query or use the left arrow to continue typing at the end of the previous query without using the mouse.

Alternatives

  • Instead of any Tab press in the Aliases Text Box moving the focus past, only a Tab press before typing could be used instead. However this would mean that keyboard navigation is "broken" after typing. And I also don't think Tabs are commonly part of Tag Name Aliases (and they can't be easily used in normal Tag names either, because of the keyboard navigation).
  • Instead of selecting the entire Text in the Tag Title / Tag query fields they could instead just receive focus when opening the modals (The tag title field already does), however I think this would make for a worse experience in my opinion, because I have never wanted to add a Tag called "New Tag" and I also most of the time don't want to use the same query again.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type: EnhancementNew feature or requestType: QoLA quality of life (QoL) enhancement or suggestionType: UI/UXUser interface and/or user experience

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions