palantir/blueprint

[RangeSlider] Allow double click on upper and lower bounds

Open

#5134 aperta il 21 feb 2022

Vedi su GitHub
 (0 commenti) (0 reazioni) (0 assegnatari)TypeScript (2167 fork)batch import
P2Package: coreType: feature requesthelp wanted

Metriche repository

Star
 (20.263 star)
Metriche merge PR
 (Merge medio 43g 10h) (27 PR mergiate in 30 g)

Descrizione

Environment

  • Package version(s): v3.52.0
  • Browser and OS versions: MacOS Monterey 12.1

Feature request

RangeSlider provides the ability to choose a range between upper and lower bounds. It works great for simple case but when you are working with wide range for [0, 10000], it can quickly become quite annoying to select the good value. It could be a great addition to blueprint to add the ability to double click on bounds to show for example an Alert to directly fill desired bounds.

Examples

I quickly capture a website that provide this kind of feature, style is quite different but the idea still the same :

https://user-images.githubusercontent.com/9548473/154984660-a71f018c-7b02-4bb1-9484-8cf4725490cd.mov

Guida contributor

Direzione di ricerca
Esplora il codice sorgente del componente RangeSlider per capire come vengono renderizzati e gestiti i limiti. Studia come aggiungere listener di eventi di doppio clic ai manici dei limiti superiore e inferiore. Cerca componenti di dialogo esistenti (es. Alert) in Blueprint per presentare un input numerico per valori esatti. Assicurati che la funzionalità rispetti l'accessibilità e le interazioni esistenti di tocco/clic.
Tech stack
typescriptreact
Dominio
frontend
Tipo issue
Funzionalità
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
3
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
Mezza giornata
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Nuova
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
ReactTypeScript
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
70