Skip to content

fix(#799): flips min and max labels to match the selected value#804

Merged
garethbowen merged 1 commit into
mainfrom
799-fix-vertical-range-value
May 7, 2026
Merged

fix(#799): flips min and max labels to match the selected value#804
garethbowen merged 1 commit into
mainfrom
799-fix-vertical-range-value

Conversation

@garethbowen
Copy link
Copy Markdown
Collaborator

Closes #799

I have verified this PR works in these browsers (latest versions):

  • Chrome
  • Firefox
  • Safari (macOS)
  • Safari (iOS)
  • Chrome for Android
  • Not applicable

What else has been done to verify that this works as intended?

Why is this the best possible solution? Were any other approaches considered?

The other option would be to keep the labels where they were and invert the value out of the primevue widget. However I think the min should be at the bottom, and this is consistent with other implementations, so should be more intuitive.

How does this change affect users? Describe intentional changes to behavior and behavior that could have accidentally been affected by code changes. In other words, what are the regression risks?

Do we need any specific form for testing your changes? If so, please attach one.

What's changed

I put the min label at the bottom of the slider, and the max label at the top.

@changeset-bot
Copy link
Copy Markdown

changeset-bot Bot commented May 6, 2026

🦋 Changeset detected

Latest commit: a4d1016

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package
Name Type
@getodk/web-forms Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

/>
<div class="range-bound range-min">
{{ start }}
</div>
Copy link
Copy Markdown
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This move wasn't strictly necessary but it feels more logical for both vertical and horizontal to have the min and max labels beside each other.

@garethbowen garethbowen requested a review from latin-panda May 6, 2026 22:40
Copy link
Copy Markdown
Collaborator

@latin-panda latin-panda left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

You've killed so many fleas in this feature 😅

@garethbowen
Copy link
Copy Markdown
Collaborator Author

You've killed so many fleas in this feature

I got sick of being bitten! 🤕

@garethbowen garethbowen merged commit 14c90a8 into main May 7, 2026
50 checks passed
@garethbowen garethbowen deleted the 799-fix-vertical-range-value branch May 7, 2026 20:33
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Range widget in vertical aligment sets the wrong value

2 participants