-
-
Notifications
You must be signed in to change notification settings - Fork 7.1k
Description
Environment
Vuetify Version: 3.8.5
Vue Version: 3.5.14
OS: Windows 10 (current)
Steps to reproduce
- Place a VAutocomplete component with the mentioned props inside a VDialog.
- Trigger validation error
- Open the autocomplete dropdown. The menu position accounts for the visible error message.
- Select a valid item(s), causing the validation error to clear and the error message to hide.
- The menu position does not adjust upward and remains offset downward.
Expected Behavior
The dropdown menu (VMenu) of the VAutocomplete component should automatically update its position whenever the visibility of the hide-details area (error or hint messages) changes, ensuring it remains correctly aligned with the bottom of the input field.
Actual Behavior
When a VAutocomplete component (with chips, multiple, hide-details="auto" and validation rules) is placed inside a VDialog component, its dropdown menu (VMenu) does not update its position when the validation error message disappears after a valid selection is made. The menu appears to be "stuck" at the position it would have been if the error message was still visible, causing a visual misalignment
Reproduction Link
https://play.vuetifyjs.com/#...