palantir/blueprint

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

Open

#4,301 opened on Aug 31, 2020

View on GitHub
 (8 comments) (0 reactions) (0 assignees)TypeScript (20,263 stars) (2,167 forks)batch import
P2Package: coreType: feature requesthelp wanted

Description

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.

Contributor guide

Tech stack
typescriptreact
Domain
frontend
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
needs investigation
Prerequisites
ReactBlueprint Slider component
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
30
Research direction
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.