[Bug]: Long delay for datepicker opening when browser "device mode" is tablet/mobile

[max-fletcher]

Reproduction

https://github.com/max-fletcher/nuxt_boilerplate

Describe the bug

I am testing using my own boilerplate( https://github.com/max-fletcher/nuxt_boilerplate ) that uses Nuxt 3. Feel free to ask me for specifics if need be. I implemented a Datepicker component in the "/posts" page(near the bottom). I noticed that in desktop mode, its working fine, but a bit sluggish. But when I pressed the "toggle device toolbar" button on chrome devtools to get a mobile/tablet view, clicking on the "Datepicker" causes the datepicker box to pop up way too slow. I couldn't find a way to override/fix this behaviour.

System Info

Framework - Nuxt 3
OS - Windows 10(64 bit)
Browser - Chrome Version 124.0.6367.119(64-bit)
NPM as package manager

Contributes

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

[sadeghbarati]

https://stackblitz.com/github/max-fletcher/nuxt_boilerplate

Your reproduction is too complex also your layout is not good

Can you test shadcn-vue Date Picker in Toggle device toolbar it's working good Disable Nuxt Devtools and test it again

[sadeghbarati]

Closing, for now, will open after a minimal repro so that we can reproduce the problem Cause shadcn-vue examples work well on my Mobile and Toggle device toolbar