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

bug: float input label width problem when blur #56

Open
xchristopherhayes opened this issue Feb 10, 2025 · 4 comments
Open

bug: float input label width problem when blur #56

xchristopherhayes opened this issue Feb 10, 2025 · 4 comments
Labels
bug Something isn't working

Comments

@xchristopherhayes
Copy link

What version of FlyonUI are you using?

v1.3.0

Which browsers are you seeing the problem on?

No response

Reproduction URL

https://stackblitz.com/edit/sb1-hnyuz3xv?file=index.html

Describe your issue

Two screenshots.

Image

Image

Copy link

Hi @poorthink

Thank you for your support in helping us improve FlyonUI!

We’ve received your submission and will respond within few business days. Our team handles issues one at a time, and we’ll be reviewing yours as soon as possible.

In the meantime, any additional details or a reproducible example would be greatly appreciated and will help us resolve the issue more efficiently.

Thank you for your patience and understanding!

@OmkarOza
Copy link
Member

Hello @cinthus,

Thank you for reaching out to us.

I checked the StackBlitz link you provided, but I couldn’t find the issue mentioned in the image. I have also attached a screenshot from my side. Could you please share more detailed reproduction steps? This will help me assist you better.

Screenshots:
Image

Image

~Best regards,

@xchristopherhayes
Copy link
Author

Hello @cinthus,

Thank you for reaching out to us.

I checked the StackBlitz link you provided, but I couldn’t find the issue mentioned in the image. I have also attached a screenshot from my side. Could you please share more detailed reproduction steps? This will help me assist you better.

Screenshots: Image

Image

~Best regards,

I don't know how to describe it exactly. It looks like there is a white or black layer covering from top when the float label moving back to it's original position. You can see it in gif.

Image

It's not easy to recognize in the similar background. It's normal by setting label to w-fit.

@OmkarOza
Copy link
Member

Hello @cinthus,

Thank you for bringing this issue to our attention.

We have reviewed the problem and will include a fix in a future release. Our team is currently working on integrating FlyonUI with Tailwind v4 support, which will take some time. In the meantime, you can use the solution you suggested.

We truly appreciate your valuable feedback.

Best regards,

@OmkarOza OmkarOza added the bug Something isn't working label Feb 13, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

2 participants