[Bug]: Sheet Component Flickering and Lagging on Mobile Google Chrome After Tab Switching

[Lucklj521]

Reproduction

Sheet Component

Bug Description

While using the Sheet component from shadcn/vue, I encountered an issue with flickering and lagging on the mobile version of Google Chrome.

Steps to Reproduce:

1. On the initial page load, clicking the Sheet component works as expected.
2. Open the tab bar or switch to another tab, then switch back to the original page.
3. Click the Sheet component again, and you'll notice flickering and lagging.

Additional Testing:

I tested this on the mobile version of Microsoft Edge and other browsers, and the issue does not occur; everything works as expected.

Attachments:

To better illustrate this issue, I’ve recorded a video and created a minimal reproducible demo, which I’ve uploaded to my GitHub repository. Please refer to the following links:

[Video Recording Link](

video.1.mp4

)
Demo Link

I hope this helps in understanding and resolving the issue.

System Info

Operating System: iOS 16
Browser: Google Chrome 116.0.6613.92 (Mobile)
Vue Version: 3.4.29
Device: iPhone 11

Contributes

• I am willing to submit a PR to fix this issue
• I am willing to submit a PR with failing tests