Esri / Esri/calcite-react

Dropdown list disappears on mouseup when dragging scrollbar

Open
#489 0 comments 0 reactions 0 assignees View on GitHub
bug
Dominant language
JavaScript
Stars
51
Forks
13
PR merge metrics
No merged PRs in 30d

Description

## Expected Behavior
The user should be able to drag the scrollbar with the mouse without the dropdown list closing on mouseUp

## Current Behavior
When the user drags the scrollbar in the dropdown list, the dropdown list quickly closes on mouseup. This scenario only occurs when using both`virtualized` and `appendToBody` properties.

## Steps to Reproduce (for bugs)

1. Render a virtualized Select component
2. Include the `appendToBody` property
3. Click the Select component to open the dropdown list
4. Drag the scrollbar and release
## Context + Screenshots
![8156_dropdown_list](https://user-images.githubusercontent.com/14812002/128196700-add88547-b20a-4714-a41c-8949217c2f7e.gif)

## Your Environment

* Version used: 0.62.0
* Browser Name and version: Chrome version 92.0.4515.131
* Operating System and version (desktop or mobile): macOS Mojave 10.14.6

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.