[Bug Report][3.11.8] [VSelect] iOS Safari: ghost overlay remains after closing dropdown when menu opens below

[VoytenkoVitaliyOlegovich]

Environment

Vuetify Version: 3.11.8
Vue Version: 3.5.27
OS: iOS

Steps to reproduce

1. iOS 26.3
2. Open the reproduction link (or an app with a v-select) on an iPhone (iOS Safari or Chrome).
3. Tap the v-select field to open the dropdown menu (it opens from the bottom by default).
4. Close the menu by selecting an option or tapping outside.
5. Observe the screen: a ghost/leftover overlay is visible briefly before disappearing.

Expected Behavior

When closing the v-select (or v-menu) dropdown, the overlay should disappear immediately without any visible artifact. The screen should return to the normal state with no leftover “ghost” layer.

Actual Behavior

On iOS (Safari or Chrome on iPhone), when the dropdown is closed (after selecting an option or tapping outside), a ghost or duplicate overlay remains visible for a moment. The menu content appears to leave a visual “trace” before it fully disappears. This only happens when the menu opens from the bottom; when it opens from the top, the issue does not occur.

Reproduction Link

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

Other comments

• Reproducible only on iOS (Safari/Chrome on iPhone). Not observed on desktop browsers. - Workaround: applying a separate composite layer to the menu content on iOS (e.g. translateZ(0) + backface-visibility: hidden via contentClass and @supports (-webkit-touch-callout: none)) removes the ghost. - Vuetify 3.x, Vue 3.x.

Images