Esri/calcite-react

Dropdown list disappears on mouseup when dragging scrollbar

Opened this issue · 0 comments

brettephillips commented

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 bothvirtualized 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

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