bug: ion-range: Clicking/Tapping on the Last tick doesn't work
Nobody has claimed this yet.
Assessment
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Newbie friendliness
- 70/100
- Issue type
- Bug
- Clarity
- Clearly specified
- Activity status
- Stale
- Tech stack
- typescript
- Domain
- frontend
Research direction
Start with the ion-range Docs Example at the snapping--ticks section and trace the range component's final tick positioning and click handling. Reproduce the issue by clicking the last tick, then verify that the final tick selects the last range option and that the relevant interaction remains usable with wider ticks.
Written by the indexing model from the issue text.
Description
Prerequisites
- I have read the Contributing Guidelines.
- I agree to follow the Code of Conduct.
- I have searched for existing issues that already report this problem, without success.
Ionic Framework Version
v8.x
Current Behavior
The last tick has a style="left:100%" which puts it outside the clickable area. This isn't so noticeable with default styles, but making the ticks any wider makes the issue clear to users.
The grabbing cursor only shows when hovering over the bar, and clicking the actual tick does nothing.
Expected Behavior
Clicking on the final tick should select the last option in the range.
Steps to Reproduce
This is reproducible with the Docs Example.
- Go to https://ionicframework.com/docs/api/range#snapping--ticks
- Click on the last tick
Code Reproduction URL
https://ionicframework.com/docs/api/range#snapping--ticks
Ionic Info
N/A
Additional Information
No response
- Dominant language
- TypeScript
- Stars
- 52.7k
- Forks
- 13.3k
- Avg merge
- 2d 20h
- Merged PRs (30d)
- 35
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
More from ionic-team/ionic-framework
-
triage
Difficulty 2/5 1-3 hours Newbie friendliness 72/100
ionic-team/ionic-framework#31410 · 1 comment ·
-
triage
Difficulty 2/5 1-3 hours Newbie friendliness 72/100
ionic-team/ionic-framework#31314 ·
-
triage
Difficulty 2/5 1-3 hours Newbie friendliness 86/100
ionic-team/ionic-framework#31291 ·
-
package: core type: bug
Difficulty 1/5 Under an hour Newbie friendliness 72/100
ionic-team/ionic-framework#29864 · 1 comment ·
-
package: core type: feature request
Difficulty 2/5 1-3 hours Newbie friendliness 75/100
ionic-team/ionic-framework#29607 · 4 comments · 1 reaction ·
All issues in ionic-team/ionic-framework
Similar issues
-
Difficulty 2/5 1-3 hours Newbie friendliness 84/100
copse-dev/agent-pane#2953 ·
-
Difficulty 2/5 1-3 hours Newbie friendliness 84/100
Eynzof/Hermes-CN-Desktop#610 ·
-
bug clawsweeper:linked-pr-open clawsweeper:needs-live-repro clawsweeper:no-new-fix-pr impact:message-loss issue-rating: 🐚 platinum hermit P2 regression
Difficulty 2/5 1-3 hours Newbie friendliness 78/100
-
enhancement
Difficulty 2/5 1-3 hours Newbie friendliness 68/100
-
calcite-components needs triage refactor
Difficulty 2/5 1-3 hours Newbie friendliness 75/100
Esri/calcite-design-system#15203 ·