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

Scrollbar hides flux:select variant="listbox" #1377

Closed
3 tasks done
beneyraheem opened this issue Mar 23, 2025 · 1 comment
Closed
3 tasks done

Scrollbar hides flux:select variant="listbox" #1377

beneyraheem opened this issue Mar 23, 2025 · 1 comment

Comments

@beneyraheem
Copy link

Flux version

v2.1.1

Livewire version

v3.6.2

Tailwind version

v4.0.15

Browser and Operating System

Chrome

What is the problem?

Recording.2025-03-23.133310.mp4

Main scrollbar hides when open.

Code snippets

<flux:select variant="listbox" placeholder="Choose industry...">
    <flux:select.option>Photography</flux:select.option>
    <flux:select.option>Design services</flux:select.option>
    <flux:select.option>Web development</flux:select.option>
    <flux:select.option>Accounting</flux:select.option>
    <flux:select.option>Legal services</flux:select.option>
    <flux:select.option>Consulting</flux:select.option>
    <flux:select.option>Other</flux:select.option>
</flux:select>

How do you expect it to work?

Main scrollbar should not hide, when it does, there is a starange UI change.

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.
@joshhanley
Copy link
Member

@beneyraheem thanks for reporting! Flux locks background scroll when the select is open, which is why the scroll bar disappears. This is by design. Currently there is no way to disable background scroll without the scroll bar disappearing, so I'm going to close this issue.

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

2 participants