Skip to content

fix(VOverlay): prevent ghost overlay on iOS when closing menu#22654

Open
VoytenkoVitaliyOlegovich wants to merge 1 commit intovuetifyjs:masterfrom
VoytenkoVitaliyOlegovich:fix/v-select-ios-ghost-overlay
Open

fix(VOverlay): prevent ghost overlay on iOS when closing menu#22654
VoytenkoVitaliyOlegovich wants to merge 1 commit intovuetifyjs:masterfrom
VoytenkoVitaliyOlegovich:fix/v-select-ios-ghost-overlay

Conversation

@VoytenkoVitaliyOlegovich
Copy link
Copy Markdown

Fixes #22653
On iOS, when closing a v-select/v-menu that opens from the bottom, a ghost overlay remains visible briefly. This fix isolates the overlay content on its own composite layer on iOS using @supports (-webkit-touch-callout: none) with translateZ(0) and backface-visibility: hidden in VOverlay.sass, which removes the artifact. The change only applies on iOS and does not affect other platforms.

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][3.11.8] [VSelect] iOS Safari: ghost overlay remains after closing dropdown when menu opens below

1 participant