Tailwind 4 compatibility

[calebporzio]

This issue will house sub-issues related to Tailwind 4 compatibility

[nmfirdausw]

Had issue with searchable select here with Tailwind v4.

The list is not filtered when search,
No results found is shown at the bottom,
And the check Icon show at above of the selection, not side by side

[joshhanley]

@nmfirdausw thanks for the info! Yep, see the linked issue #783 with what is going on. We will investigate it once it gets closer to the release incase it's just a bug with Tailwind 4.

[marksalmon]

@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')

[nmfirdausw]

@marksalmon Thanks. Will use that for a while.