Difficulty selecting the lowest value in the range widget
- Dominant language
- TypeScript
- Stars
- 38
- Forks
- 22
- PR merge metrics
- No merged PRs in 30d
Description
### Expected Behaviour
It should be easy to click on whichever value you want.
### Observed Behaviour
You have to be very accurate when clicking at the low end of the slider or it doesn't change.
### Reproduction Steps
Form (XML or XLSX file): https://github.com/getodk/web-forms/blob/c5764e8ed7780a4959f6f70b885eca4946b2834f/packages/common/src/fixtures/controls/range-controls.xml
### Screenshots or Videos
https://github.com/user-attachments/assets/714abbc1-ef48-4317-9fd8-4afef6cb40d8
### Environment
- Browser version: Firefox, Chrome
- OS:
- Web Forms version:
### Additional Context
The workaround is to drag the slider handle all the way to the start which works reliably.
- Noticed in this issue: https://github.com/getodk/web-forms/issues/777#issuecomment-4374870790
- Also in this PR review: https://github.com/getodk/web-forms/pull/800#discussion_r3190070316
- And related to this PrimeVue issue: https://github.com/primefaces/primevue/issues/7609#issuecomment-4374838034
Contributor guide
No contributing guide indexed for this repository
Research direction
Start with packages/common/src/fixtures/controls/range-controls.xml and reproduce the issue in Firefox or Chrome, comparing clicks near the slider's low end with dragging the handle to the start. Trace the range widget used by that fixture and verify that clicking the lowest value changes it reliably without requiring a drag.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 58/100