primefaces / primereact

The Most Complete React UI Component Library
https://primereact.org
MIT License
6.75k stars 1.03k forks source link

Calendar: "Month" view - Overlay panel starts at incorrect width #5948

Open ShaneCallananAerlytix opened 8 months ago

ShaneCallananAerlytix commented 8 months ago

Describe the bug

When opening the overlay panel of a Calendar set to "month" view, there is a brief moment when the panel's width and/or position is incorrect before it corrects itself.

Reproducer

https://stackblitz.com/edit/vitejs-vite-y41smz

PrimeReact version

10.2.1

React version

17.x

Language

TypeScript

Build / Runtime

Create React App (CRA)

Browser(s)

Chrome 121

Steps to reproduce the behavior

  1. Go to Stackblitz provided
  2. Click calendar input to show overlay panel
  3. Overlay panel is briefly shown at wrong position and with wrong width

Expected behavior

Overlay panel shown at correct position and width

melloware commented 8 months ago

It looks to me like it happens no matter what the view is.

melloware commented 8 months ago

Weird it does not happen in NextJS on the showcase so now it has me even more confused.

melloware commented 8 months ago

weird i am running a 10.5.1 CRA app and it also does not show the behavior of your code sandbox? @ShaneCallananAerlytix is this happening in your real app or just in the Stackblitz?

ShaneCallananAerlytix commented 7 months ago

@melloware This is also happening in my real app. But only for "month" and "year" views