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

Clicking Scrollbar in <Select> closes dropdown instead of scrolling #145

Closed
frankborden opened this issue May 7, 2022 · 2 comments
Closed
Labels
bug Something isn't working

Comments

@frankborden
Copy link

Describe the bug
Scrollbar in Select does not work when list is opened. Tried with Select and SimpleSelect.

To Reproduce
Steps to reproduce the behavior:

<SimpleSelect>
  <For each={Array(100).fill(0)}>
    {(_, i) => <SimpleOption value={i()}>{i()}</SimpleOption>}
  </For>
</SimpleSelect>

Then open the select and try to drag the scrollbar.

Sandbox: https://codesandbox.io/s/elastic-gauss-jqexmy

Expected behavior
Scrollbar can be clicked and dragged to scroll down the list

Actual behavior
Clicking the scrollbar or arrows closes the select.

Desktop (please complete the following information):

  • Windows 10
  • Tried latest Edge and Firefox
@fabien-ml fabien-ml added the bug Something isn't working label May 8, 2022
fabien-ml pushed a commit that referenced this issue May 8, 2022
@fabien-ml
Copy link
Collaborator

Hi, fixed in v0.5.1 (https://codesandbox.io/s/nostalgic-rain-x9ytrm)

@frankborden
Copy link
Author

thanks for the investigation and fix

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

2 participants