vuetify icon indicating copy to clipboard operation
vuetify copied to clipboard

[Bug Report][3.1.13] unable to prevent VMenu from covering its activator

Open kappaflow opened this issue 1 year ago • 2 comments

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

  1. Add v-autocomplete with enough elements to have max expanded size.
  2. 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 autocompleteIssue

Reproduction Link

https://play.vuetifyjs.com/#...

Other comments

It is a problem for using in chrome extensions popup menu, for example.

kappaflow avatar Apr 11 '23 05:04 kappaflow

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.

kappaflow avatar Apr 13 '23 20:04 kappaflow

max overlay height property

:menu-props="{ maxHeight: 200 }"

KaelWD avatar May 11 '23 13:05 KaelWD