chairemobilite / evolution

Online survey platform for travel survey
MIT License
4 stars 9 forks source link

Bug: Impossible d'ajuster la position du slider après un clic sur la barre #658

Open samuel-duhaime opened 1 month ago

samuel-duhaime commented 1 month ago

Bug Report

Current Behavior*

Il est impossible de modifier la position du bouton du slider après avoir cliqué sur la barre. Par exemple, un utilisateur peut essayer de cliquer au milieu du slider pour indiquer 50%, mais si le bouton tombe sur 48 ou 51%, il faut recliquer sur le bouton pour l'ajuster

Expected Behavior*

Pouvoir modifier la valeur après avoir cliqué sur la barre

Steps to Reproduce

  1. Cliquer sur la barre graduée rouge-vert
  2. Bouger la souris pour essayer de faire bouger le bouton

Source: https://github.com/chairemobilite/od_mj_2023/issues/273 @nik498

samuel-duhaime commented 1 month ago

@GabrielBruno24 and me, we try to correct this bug, but it was not really possible. We might need to change the react-input-range to rc-slider, or something else or something custom.

React-input-range haven't been updated for 7 years. image

samuel-duhaime commented 1 month ago

We might try this solution https://github.com/davidchin/react-input-range/pull/139, it's not merged on the react-input-range package, but it might solve this issue.

Can we use an issue that is not merged in another package? Not sure. Looks like this is a package https://www.npmjs.com/package/react-input-range-ios-fix

GabrielBruno24 commented 1 month ago

Looks like this package doesn't fix our issue sadly...