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

Select dropdown shows double scrollbar when available space is too small #1241

Open
3 tasks done
godismyjudge95 opened this issue Mar 4, 2025 · 0 comments
Open
3 tasks done

Comments

@godismyjudge95
Copy link

Flux version

2.0.4

Livewire version

3.6.0

Tailwind version

4.0.8

Browser and Operating System

Chrome on Windows

What is the problem?

When the window is too small for the full select dropdown, it overflows one of the containers instead of reducing the size of the already scrollable region of items.

Image

Code snippets

<flux:select variant="listbox" searchable>
  @foreach (range(0, 20) as $value)
    <flux:select.option :$value>{{ $value }}</flux:select.option>
  @endforeach
</flux:select>

How do you expect it to work?

It shouldn't have double scrollbars, just a single one that gets longer if the available window space gets smaller.

Please confirm (incomplete submissions will not be addressed)

  • I have provided easy and step-by-step instructions to reproduce the bug.
  • I have provided code samples as text and NOT images.
  • I understand my bug report will be closed if I haven't met the criteria above.
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