primefaces / primevue-tailwind

PrimeVue Components Styled with Tailwind CSS
https://tailwind.primevue.org
MIT License
533 stars 62 forks source link

Missing V4 `FloatLabel` Implementations and Docs #303

Open BenJackGill opened 1 month ago

BenJackGill commented 1 month ago

For many of the new V4 Tailwind presets the FloatLabel feature is either missing from the docs or it doesn't work.

All of these components have the FloatLabel feature available in regular PrimeVue V4 but it is missing from the PrimeVue V4 Tailwind docs:

For many of the above, it is not just a problem of missing documentation. When wrapped with a <FloatLabel> they do not display correctly.

mpolverini commented 1 month ago

Same problem here! I'm using DatePicker component with FloatLabel and it does not work: the label is stuck on top of the input. Also, the documentation is missing.

Any news about this problem resolution?

WatCodeDatCode commented 3 weeks ago

There seem to be multiple reasons for the hidden docs for these components.

The filled state on some components is not reliable so the FloatLabel can do quick back-and-forth transitions when selecting. See this PR fix that should work for a handful of them.

I just opened a PR fix for the float label transitioning from behind the input on focus which should also solve the problem for most simple input components.

Some components, like DatePicker, will require additional fixes for their respective filled states to work reliably for the FloatLabel though.