Skip to content

fix(VSelect/VAutocomplete/VCombobox): apply menu-elevation to content - #23193

Open
lazerg wants to merge 1 commit into
vuetifyjs:masterfrom
lazerg:fix/23192-menu-elevation
Open

lazerg wants to merge 1 commit into
vuetifyjs:masterfrom
lazerg:fix/23192-menu-elevation

Conversation

@lazerg

@lazerg lazerg commented Sep 16, 2026

Copy link
Copy Markdown
Contributor

Description

menu-elevation set the elevation on the VSheet inside the menu, but the visible shadow comes from .v-select__content, which gets a fixed elevation from the stylesheet. The sheet's own shadow is clipped by overflow: hidden, so the prop never had any effect. This moves the elevation class onto the menu content, where it overrides the stylesheet default.

fixes #23192

Markup:

<template>
  <v-app>
    <v-container>
      <v-select :items="['Foo', 'Bar']" :menu-elevation="0" />
    </v-container>
  </v-app>
</template>

@lazerg lazerg changed the title fix(VSelect/VAutocomplete/VCombobox): apply menu-elevation to content fix(VSelect/VAutocomplete/VCombobox): apply menu-elevation to content Sep 16, 2026
@lazerg
lazerg force-pushed the fix/23192-menu-elevation branch from 2c636ec to 9d77c62 Compare September 16, 2026 06:13
@J-Sek
J-Sek force-pushed the master branch 2 times, most recently from 630451f to 3d3f418 Compare September 17, 2026 10:22
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Bug Report][4.2.1] VSelect menuElevation=0 does not remove the dropdown shadow

1 participant