Mouse and keyboard scroll inconsistencies when list-header slot is present

[timbarclay]

• Vue Version: 2.6.14
• Vue Select Version: 3.18.3

Describe the bug When the list-header slot is used, some odd mouse and keyboard scroll behaviours emerge:

• if you open the options list and then scroll some way down the list, e.g. with a mouse scroll wheel, and then move your mouse towards the top of the dropdown pane, it immediately scrolls right back to the first option
• navigating the options with the up and down arrow often results in the highlighted option being outside the visible dropdown pane

Reproduction Link https://codepen.io/timbarclay/pen/QWQVpYw

Steps To Reproduce Mouse scroll bug:

1. Open codepen above
2. Click into the first v-select box and type "vue"
3. When results have loaded, use the mouse wheel to scroll halfway down the list
4. Move your mouse to try to click the option that is at the top of the currently visible set of options
5. Note that instead of allowing you to select that top option, it scrolls right back to the first option in the list

Keyboard navigation bug:

1. Open codepen above
2. Click into the first v-select box and type "vue"
3. Press the down key five times
4. Note that the highlighted option (the fifth on the list) is not visible

Expected behavior For both sets of steps above, repeat them on the second v-select box at the codepen (which doesn't use the list-header slot) and note that the bugs don't occur.

[altinialiu57]

try adding :autoscroll="false"