blueprint icon indicating copy to clipboard operation
blueprint copied to clipboard
verified publisher icon palantir

Support Mac-style drag+release in Select package

Open ash211 opened this issue 3 years ago • 1 comments

Environment

  • Package version(s): 4.2.0 Select
  • Browser and OS versions: Chrome 101.0.4951.64, OS X 12.3.1

Feature request

Support Mac-style drag+release to change the selection in a Select component.

Expected behavior:

  1. Hover over Select component
  2. Press down on mouse (options list appears)
  3. Drag down one item (hover state follows cursor)
  4. Release to select (item is selected)

Actual behavior: 2. Press down on mouse (no option list appears) 3. XX 4. XX

Examples

How it works on Mac:

https://user-images.githubusercontent.com/357170/170533964-72c9a2b7-cc14-49b8-b935-02cf4fc936a5.mov

How it works (currently) on Blueprint:

https://user-images.githubusercontent.com/357170/170534462-e9598703-a45b-49c6-b560-28cd6d39c4fa.mov

As tested on https://blueprintjs.com/docs/#select/select-component

ash211 avatar May 26 '22 16:05 ash211

Hmm, we could implement this FR, but it will require a bit of work. We'd have to reimplement some basic OS behavior in the React component.

Note that we do have an alternative to Select... HTMLSelect delegates to the OS select menu behavior, but presents the button with Blueprint styling. This is recommended for simple use cases where the list is very short. You can see that in the linked example:

2022-05-26 14 23 45

adidahiya avatar May 26 '22 18:05 adidahiya