vuetify
vuetify copied to clipboard
[Bug Report][3.1.13] unable to prevent VMenu from covering its activator
Environment
Vuetify Version: 3.1.13 Last working version: 3.0.2 Vue Version: 3.2.47 Browsers: Chrome 111.0.0.0 OS: Windows 10
Steps to reproduce
- Add v-autocomplete with enough elements to have max expanded size.
- Change browser viewport height to 480px or smaller (like it could be in a popup)
Expected Behavior
The input field should be visible like in Vuetify v3.0.2
Actual Behavior
The expanded list covers the input
Reproduction Link
https://play.vuetifyjs.com/#...
Other comments
It is a problem for using in chrome extensions popup menu, for example.
As a temporary fix I use:
.v-overlay__content.v-autocomplete__content {
max-height: 200px !important;
}
But I think it would be convenient to have max overlay height
property in the API.
max overlay height property
:menu-props="{ maxHeight: 200 }"