vue-tags-input icon indicating copy to clipboard operation
vue-tags-input copied to clipboard

Scroll not working with keyboard up/dow navigation

Open vsambor opened this issue 1 year ago • 0 comments

When the autocomplete list contains a large number of items and a scrollbar appears, the keyboard navigation within the list does not trigger scrolling, forcing users to manually scroll using the mouse. This limits the usability and efficiency of the autocomplete feature.

Is there a known workaround or solution available to address this problem?

If you want to reproduce, just go to the demo example page : http://www.vue-tags-input.com/#/examples/autocomplete

type a into the field, then inspect the dropdown menu and add this style on ti-autocomplete class:

height: 80px;
overflow-y: auto;

then open the dropdown and navigate with the keyboard up/down, you will noticed that the item is selected but it goes down without scrolling.

vsambor avatar Jul 11 '23 22:07 vsambor