palantir/blueprint

Is there a way to delete a slider handle with a mouse event?

Open

#4,301 建立於 2020年8月31日

在 GitHub 查看
 (8 留言) (0 反應) (0 負責人)TypeScript (20,263 star) (2,167 fork)batch import
P2Package: coreType: feature requesthelp wanted

描述

Environment

  • Package version(s): 3.25.0
  • Browser and OS versions: Ubuntu 18.04, Chrome 84

Question

For the Slider.Handle component, it seems like there's no native event listeners other than onChange and onRelease. I wanted to implement something like a double click to remove a handle. I'm guessing that the onClick listener is not supported due to interfering with the drag behavior, but I was wondering if there was any other way I could implement something similar. I got around the addition by having another button on the right that would add a handle on the right side, but it would be nice if I can add a handle anywhere on the slider track more intuitively.

貢獻者指南

技術棧
typescriptreact
領域
frontend
議題類型
feature
難度面向新貢獻者的預計實作難度，1 表示很小改動，5 表示專家級工作。
3
預計時間有經驗貢獻者完成調查、實作、測試並準備 pull request 的粗略時間範圍。
1-3 hours
活動狀態議題目前的可參與程度：新鮮、活躍、陳舊、阻塞或等待維護者輸入。
stale
清晰度議題是否清楚說明預期改動、驗收標準和下一步。
needs investigation
前置要求
ReactBlueprint Slider component
新手友善度1-100 的估計分數，表示該議題對首次貢獻者的友善程度。
30
研究方向
Examine the Blueprint Slider component source code to understand how event listeners are attached to Slider.Handle. Look for any existing support for custom mouse events like onClick or double click. Review the issue comments for additional context or suggested approaches. Consider proposing a pull request that adds an onClick or onDoubleClick prop to Slider.Handle, ensuring it does not interfere with drag behavior.