primereact icon indicating copy to clipboard operation
primereact copied to clipboard

Calendar (Tailwind): Width is calculated wrong

Open vaelu opened this issue 11 months ago • 4 comments

Describe the bug

There were similar issues already (#5830, #5920), but it seems to me that it's still not fixed or there is a new bug.

We are using the Calendar component with unstyled mode and the Tailwind passthroughs provided by PrimeReact. However, the panel seems to calculate the width too big. When we remove the min-w-class, then the panel is too small.

With min-w-full (like in the official docs): Screenshot_1

Without min-w-full (ignore other stylings): Screenshot_2

Reproducer

https://stackblitz.com/edit/ewd4me

PrimeReact version

10.5.1

React version

18.x

Language

TypeScript

Build / Runtime

Vite

Browser(s)

No response

Steps to reproduce the behavior

No response

Expected behavior

No response

vaelu avatar Mar 06 '24 09:03 vaelu

cc @zawasp

melloware avatar Mar 06 '24 13:03 melloware

Is there any update on this? Would be cool if this would get fixed soon.

vaelu avatar Apr 16 '24 09:04 vaelu

still broken in 10.6.3

nrueckmann avatar Apr 25 '24 15:04 nrueckmann

PR is welcome from anyone who works with Tailwind and understands what needs to be done...

melloware avatar Apr 25 '24 15:04 melloware