docs: select-filled-focused class

[michaelcozzolino]

On which page do you see this issue?

https://flyonui.com/docs/forms/select/#filled-select

Describe the issue

i wonder what is the purpose of the select-filled-focused class, i tried to remove it for the filled select component and had no difference.

What browsers are you seeing the problem on?

Chrome

[github-actions]

Hi @michaelcozzolino

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!

[yagnikvamja]

Hello @michaelcozzolino ,

Thank you for your feedback.

The purpose of the select-filled-focused class is to create a bottom horizontal line to visually indicate when the input is active. The issue you mentioned, where the difference isn't noticeable, because the overlay occur for selecting options which makes the line unclear, reducing its visibility.

To observe the filled-focused class functionality more clearly, I recommend referring to Input example provided in the FlyonUI - Input. Additionally, try removing the input-filled-focused class. This should help demonstrate the behavior more distinctly.

I hope this explanation addresses your concern. Please feel free to reach out if you have further questions.

~Best regards,

[michaelcozzolino]

understood! thanks for your explanation!