Support Mac-style drag+release in Select package · palantir/blueprint#5328

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

(1 留言) (0 反應) (0 負責人)TypeScript (20,263 star) (2,167 fork)batch import

P2Package: selectType: feature requesthelp wanted

描述

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

Expected behavior:

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

How it works on Mac:

How it works (currently) on Blueprint:

技術棧: typescriptreact
領域: frontend
議題類型: feature
難度: 3
預計時間: 1-3 hours
活動狀態: fresh
清晰度: clear
前置要求: Basic knowledge of React and TypeScriptFamiliarity with Blueprint Select component
新手友善度: 60
研究方向: The feature request involves adding Mac style drag and release behavior to the Select component. Files to explore include src/components/select/selectComponent.tsx and related popover logic. Study the Mac native select behavior from the provided video: press and hold to show options, drag to hover, release to select. In Blueprint, the Select currently opens on click and closes on click outside. Implement mouse events (mousedown, mousemove, mouseup) to show the options list on mousedown with a delay, track hover via mouseenter on items, and select on mouseup. Ensure compatibility with existing keyboard navigation and accessibility.