Skip to content

Keyboard selection doesn't work on a Typeahead within a Dropdown #268

@tinyfly

Description

@tinyfly

Version & browser

  • Vue: 2.5.22
  • uiv: 0.29.0
  • Browser: Latest Safari, Chrome, Firefox

Which component

Typeahead & Dropdown

Steps to reproduce the problem

  1. Create a text input with an attached Typeahead inside of a Dropdown component.
  2. Type your query into the text input
  3. Try to use your keyboard down arrow to select a match

Reproduce link

https://codepen.io/tinyfly/pen/rPMoPN

Expected behavior

When typing in the typeahead input and match suggestions popup I should be able to arrow down on the keyboard to select a match.

Actual behavior

If the typeahead is inside a dropdown, using the keyboard arrows to select a match just closes the suggestion dropdown instead.

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions