Skip to content

[EuiSuggest] keyboard navigation issues #4345

@alexwizp

Description

@alexwizp

During real-world testing of this component, we found a couple of keyboard issues that should probably be addressed on the component side

  • We should keep focus on input component after selecting something from the suggestions list.
    test case:
    1. start typing to open a list of suggestions
    2. press Tab to select first item from the list
    3. press Enter to apply suggestion.
    4. continue typing

Screen Recording 2020-12-04 at 12 34 21 PM

Expected behavior: Focus should be on Input control. User should be able to continue typing

  • In case of no suggestions we need don't need to set focus on empty list
    1. fill control with text without suggestions
    2. press Tab button

Screen Recording 2020-12-04 at 12 42 52 PM

Expected behavior: Focus should be on next form control. It's probably true, but if I select somewhere in form focus returned back to EuiSuggest.

Metadata

Metadata

Assignees

No one assigned

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions