You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Hi,
when the dropdown menu contains a big number of items, it happens that you have to scroll down (with the mouse) to show the items that are "below the screen".
When you try to select an item that was not firstly visible on screen, the focus will jump back on the input (by automatically scrolling up) but the selected item value will not not inserted in the input field!
That's a really big issue.
You can see it directly on the demo at https://kazanexpress.github.io/vue-simple-suggest/
Simply reduce the height of your navigator, scroll down with the mouse and try to select an item that was not initially visible on screen.
In my screenshots, you can see that I selected the item "54370 PARROY", that the page scrolled up but that the value was not inserted in the input field:
The text was updated successfully, but these errors were encountered:
tbl0605
changed the title
Unable to select a menu item when you have to scroll down
Unable to select a menu item when you have to scroll down (big issue)
Jun 4, 2021
Hello @tbl0605
I can confirm the issue. But I think it won't be a quick fix due to the core concept of selecting elements. We should discuss how we will solve this problem, though.
Hi,
when the dropdown menu contains a big number of items, it happens that you have to scroll down (with the mouse) to show the items that are "below the screen".
When you try to select an item that was not firstly visible on screen, the focus will jump back on the input (by automatically scrolling up) but the selected item value will not not inserted in the input field!
That's a really big issue.
You can see it directly on the demo at https://kazanexpress.github.io/vue-simple-suggest/
Simply reduce the height of your navigator, scroll down with the mouse and try to select an item that was not initially visible on screen.
You can also try my demo from issue #441 at https://codesandbox.io/s/demo-french-cities-vue-simple-suggest-qru7e
In my screenshots, you can see that I selected the item "54370 PARROY", that the page scrolled up but that the value was not inserted in the input field:
The text was updated successfully, but these errors were encountered: