airbnb/rheostat

RTL Support Doesn't Work

Open

Aperta il 11 ago 2020

Vedi su GitHub
 (6 commenti) (0 reazioni) (0 assegnatari)JavaScript (1688 star) (215 fork)batch import
bughelp wanted

Descrizione

Thanks for your contributions and for supporting RTL!

We were testing rheostat slider and we encountered issues with RTL. (see gif below)

slider_rtl

Slider direction is flipped (opposite to the mouse movement direction)

relates to #235

Guida contributor

Tech stack
javascriptreactcss
Dominio
frontendaccessibility
Tipo issue
bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
3
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 hours
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
stale
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
clear
Prerequisiti
ReactCSS directionRTL concepts
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
60
Direzione di ricerca
Investigate how the slider handles direction. Look at the component's handling of RTL and how the mouse movement maps to slider value. Review related issue #235 and the CSS direction properties. The bug may be due to incorrect calculation when dir='rtl'. Check the component's logic for updating position and consider mirroring the calculation for RTL.