getodk / getodk/web-forms

Difficulty selecting the lowest value in the range widget

Open
#801 4 comments 0 reactions 0 assignees View on GitHub
Primevue
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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.