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

Alignment on select options that wrap lines #270

Open
mauritskorse opened this issue Oct 3, 2024 · 0 comments
Open

Alignment on select options that wrap lines #270

mauritskorse opened this issue Oct 3, 2024 · 0 comments

Comments

@mauritskorse
Copy link

On a select listbox, when having options that are pretty long, they do not align well on the left side.

Image

changing the following in option.blade.php fixes it for me:

-        <div class="w-6 [ui-selected_&]:hidden">
+        <div class="w-6 min-w-6">
            <flux:icon variant="mini" icon="check" class="hidden group-data-[selected]/option:block" />
        </div>

Adding some truncation to the selected item would also be preferable. Currently the select tries to resize to fit the entire selected item.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant