shentao / vue-multiselect

Universal select/multiselect/tagging component for Vue.js
https://vue-multiselect.js.org/
MIT License
6.66k stars 991 forks source link

Removing a selected item does not work when whole field isn't rendered in viewport #1719

Open arnaudbroes opened 11 months ago

arnaudbroes commented 11 months ago

Reproduction Link

I couldn't reproduce this with version 2; just with the Vue 3 beta version and I'm not sure how to set that up in a JSFiddle.

We recorded a video here of the behaviour - https://a.supportally.com/v/V6T8DH

Steps to reproduce

Create a multiselect field with a bunch of options and make it searchable. Then, select a bunch of items until the field doesn't fully fit into the viewport anymore (you can easily achieve this by shrinking the window size).

Then, remove an item. Instead of removing it, it will jump down to the search field.

Expected behaviour

The item should be removed.

Actual behaviour

The item is not removed and the focus jumps to the search field at the bottom.