@nmfirdausw If you want a quick and dirty fix while you're waiting, it can be done by publishing the select component and tweaking the following tailwind utility classes:

options.blade.php

- <ui-empty class="data-[hidden]:hidden">{{ $empty }}</ui-empty>
+ <ui-empty class="data-hidden:hidden!">{{ $empty }}</ui-empty>

option.blade.php

$classes = Flux::classes()
-   ->add('group/option overflow-hidden data-[hidden]:hidden group flex items-center px-2 py-1.5 w-full focus:outline-none')
+   ->add('group/option overflow-hidden data-hidden:hidden! group flex! items-center px-2 py-1.5 w-full focus:outline-none')

empty.blade.php

$classes = Flux::classes()
-   ->add('data-[hidden]:hidden block items-center px-2 py-1.5 w-full')
+   ->add('data-hidden:hidden! block items-center px-2 py-1.5 w-full')

Tailwind 4 compatibility #811

Description

Sub-issues

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions