Textbox FloatLabelType in tailwind-dark theme doesn't float

[Nick]

While using Tailwind Dark theme, the textbox placeholder does not float whether it is set to Always or Auto. The placeholder is highlighted in bright white color which clashes with the text entered by the user.

The issue doesn't appear with Bootstrap5 Dark theme. I have attached an image showing the issue.

[Sureshkumar P]

Hi Nick,

When validating the reported requirement, the reported issue is not replicated from our end.

Find the code example here:

<h2>SfTextBox multiLine</h2>

<SfTextBox Multiline=true Placeholder="TestingPlaceHolder" FloatLabelType="FloatLabelType.Auto"></SfTextBox>

Find the validated sample in the attachment:

If still you have faced the issue, then replicate the reported issue on the attached sample and revert us with a detailed issue replication procedure. these details will help us to provide an exact solution as earlier as possible.

Regards,

Sureshkumar P

Attachment: Textbox_14e456b0.zip

[Nick]

I am using a Tailwind dark theme from the theme studio, not the one that comes with Syncfusion Blazor themes.

I have attached one as an example.

You can also see the same textbox placeholder float issue in the theme studio

Attachment: Textbox_14e456b0_31ee9c1b.zip

[Theveshwar Jayakumar]

Hi Nick,

We have resolved the issue with "Textbox FloatLabelType in tailwind-dark theme doesn't float" in Blazor theme studio at our end. Kindly check this by generating the latest theme for tailwind-dark in theme studio.

Please refer the below link

https://blazor.syncfusion.com/themestudio?theme=tailwind-dark

Please get back to us if you need any further assistance

Regards, 

Theveshwar