[BUG] - DatePicker width when zoom 90%

[tranquocviet226]

NextUI Version

2.3.6

Describe the bug

When I zoom the browser 90%, the DatePicker does not display all the days of the week

Your Example Website or App

https://nextui.org/docs/components/date-picker

Steps to Reproduce the Bug or Issue

1. Go to https://nextui.org/docs/components/date-picker
2. Zoom browser to 90%
3. Click DatePicker

Expected behavior

As a user, I expected the calendar displays complete information

Screenshots or Videos

No response

Operating System Version

Windows

Browser

Chrome

[linear[bot]]

ENG-815 [BUG] - DatePicker width when zoom 90%

[wingkwong]

Looks fine on my side. Did it happen when zooming it to 90%?

[wingkwong]

Closing due to inactivity.

[ShrinidhiUpadhyaya]

Hi, i was able to reproduce it. It happens when the zooming is at 66%, 90% and 110%. I tested it on the arc & chrome browser and also in the dev storybook and as a individual component.

https://github.com/nextui-org/nextui/assets/8769408/f0a893cb-3920-481a-aa00-52c90de39c97

According to my initial impressions , it is because of the useMeasure() hook used in the resizable-panel component used in calendar-base. The width is lesser (It ranges somewhere from 205px to 209px) for the zooming values 66%, 90% and 110%, while for the other zooming percentages the width is 256px.

[ameytessact]

Hi @ShrinidhiUpadhyaya, I'm facing the same bug that happens on Arc on Mac but only for some devices. Did you find any temporary fix for this problem in your case?

[ameytessact]

Also, when scrolling forward in months, do you'll ever see a scrollbar randomly popping up at the bottom? @tranquocviet226 @ShrinidhiUpadhyaya ?