[Bug Report][2.5.9] v-autocomplete gives extra space between select field text box and dropdown menu #14688
Description
Environment
Vuetify Version: 2.5.9
Vue Version: 2.6.11
Browsers: Chrome 97.0.4692.99
OS: Windows 10
Steps to reproduce
- Click on Select field to open its dropdown menu.
- When dropdown is open, start selecting the items from the list.
- Select the items until items comes on second row.
- If an items is uncheck or removed from the dropdown menu checkbox, then it works properly and dropdown aligned perfectly with the select text field. Which is good!
- But, If an items is removed through cross button (appended with each items), and item list goes back from row 2 and settle in row one. Then there is an empty space or gap start appearing between select text field and dropdown menu.
- This gap increases as we have as many rows are removed.
Expected Behavior
When the items are removed from the select field through cross button and rows goes one step back, then dropdown menu should also move back and aligned properly with select field.
Actual Behavior
When the items are removed from the select field through cross button and rows goes one step back, then there is an empty space appeared between select field and dropdown menu.
Reproduction Link
https://codepen.io/ebraiz/pen/JjORXqw