Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Missing V4 FloatLabel Implementations and Docs #303

Closed
BenJackGill opened this issue Jul 29, 2024 · 2 comments
Closed

Missing V4 FloatLabel Implementations and Docs #303

BenJackGill opened this issue Jul 29, 2024 · 2 comments
Assignees
Labels
Type: Bug Issue contains a bug related to a specific component. Something about the component is not working
Milestone

Comments

@BenJackGill
Copy link

BenJackGill commented Jul 29, 2024

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
Copy link

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
Copy link
Contributor

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.

@atakantepe atakantepe self-assigned this Sep 16, 2024
@atakantepe atakantepe added the Type: Bug Issue contains a bug related to a specific component. Something about the component is not working label Sep 16, 2024
@atakantepe atakantepe added this to the v4.0.0-final milestone Sep 16, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Type: Bug Issue contains a bug related to a specific component. Something about the component is not working
Projects
None yet
Development

No branches or pull requests

4 participants