Page MenuHomePhabricator

Tab-key should select first entry in autosuggest dropdown
Open, Needs TriagePublic

Description

When typing something into for example "Page in this category" I get an dropdown with autosuggestions:

When I now press the tabulator-key I would expect to jump to the first entry in the list and be able to select an entry with arrow keys and/or tabulator-key and accept it with pressing Enter.
Instead pressing the tabulator-key jumps to the question-mark and adds a pill with my currently written text to the field:

(Note: It does work already if you use arrow-down instead of tab.)

Event Timeline

Restricted Application added a project: TCB-Team. · View Herald TranscriptApr 30 2018, 11:20 AM
Restricted Application added a subscriber: Aklapper. · View Herald Transcript
This comment was removed by MichaelSchoenitzer_WMDE.

@Mooeypoo and OOUI team: We are using the categoryMultiselect widget here, and to me this behavior looks like a duplicate of T187398: MenuTagMultiselectWidget: The first item should be automatically highlighted+selected when the menu opens. Would it be possible to allow the same behavior for the CategoryMultiselectWidget?

@MichaelSchoenitzer_WMDE @Lea_WMDE
I think this is the correct behavior. Tab key should be used for navigating between different fields, arrows are used for dropdowns.
See section Keyboard Testing here https://webaim.org/techniques/keyboard/

@Lea_Lacroix_WMDE I've had a short conversation with @Tonina_Zhelyazkova_WMDE and @gabriel-wmde that it's our plan to deprecate CapsuleMultiselectWidget very soon, see T183299. There's no active development planned for CapsuleMultiselectWidget any more. You will get sustaining support by switching over to TagMultiselectWidget, its superior and cleaner on many levels.

@Lea_Lacroix_WMDE I've had a short conversation with @Tonina_Zhelyazkova_WMDE and @gabriel-wmde that it's our plan to deprecate CapsuleMultiselectWidget very soon, see T183299. There's no active development planned for CapsuleMultiselectWidget any more. You will get sustaining support by switching over to TagMultiselectWidget, its superior and cleaner on many levels.

Wrong Lea :) @Lea_WMDE

I blame Phab autocomplete. ;)

I believe there's work to migrate category select (mw.widget) to TagMultiselectWidget... @Volker_E ? Any ideas if that's going on?

@Mooeypoo I've mentioned the corresponding task T183299 above, in my understanding WMDE team is taking on the work (which can be oriented on similar ones already linked there) and will reach out to us if they run into problems. Everybody fine with that?

@Mooeypoo I've mentioned the corresponding task T183299 above, in my understanding WMDE team is taking on the work (which can be oriented on similar ones already linked there) and will reach out to us if they run into problems. Everybody fine with that?

Excellent, I saw a few people working on migrating Capsule*Widget to Tag*Widget, but wasn't sure who does what. @Lea_WMDE if you guys need any help with that, please let me know.

thiemowmde moved this task from Incoming to Advanced Search on the TCB-Team board.Jun 12 2018, 4:07 PM
Vvjjkkii renamed this task from Tab-key should select first entry in autosuggest dropdown to ezdaaaaaaa.Jul 1 2018, 1:13 AM
Vvjjkkii triaged this task as High priority.
Vvjjkkii updated the task description. (Show Details)
Vvjjkkii removed a subscriber: Aklapper.
CommunityTechBot renamed this task from ezdaaaaaaa to Tab-key should select first entry in autosuggest dropdown.Jul 2 2018, 4:32 PM
CommunityTechBot raised the priority of this task from High to Needs Triage.
CommunityTechBot updated the task description. (Show Details)
CommunityTechBot added a subscriber: Aklapper.