radix-vue / shadcn-vue

Vue port of shadcn-ui

Home Page:https://www.shadcn-vue.com/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

max-fletcher opened this issue · comments

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

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

Your reproduction is too complex also your layout is not good

image

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

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