bug: ion-range: Clicking/Tapping on the Last tick doesn't work
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 2/5
- Tiempo estimado
- 1-3 horas
- Aptitud para principiantes
- 70/100
- Tipo de issue
- Error
- Claridad
- Bien especificado
- Estado de actividad
- Estancado
- Stack tecnológico
- typescript
- Área
- frontend
Línea de trabajo
Comienza con el ion-range Docs Example en la sección snapping--ticks y sigue el posicionamiento final de los ticks del componente range y el manejo de los clics. Reproduce el problema haciendo clic en el último tick; luego verifica que el último tick seleccione la última opción del range y que la interacción correspondiente siga siendo utilizable con ticks más anchos.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
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
- Lenguaje dominante
- TypeScript
- Estrellas
- 52.7k
- Forks
- 13.3k
- Merge medio
- 2 d 20 h
- PR fusionados (30 d)
- 35
Guía de contribución
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Más de ionic-team/ionic-framework
-
triage
Dificultad 2/5 1-3 horas Aptitud para principiantes 72/100
ionic-team/ionic-framework#31410 · 1 comentario ·
-
triage
Dificultad 2/5 1-3 horas Aptitud para principiantes 72/100
ionic-team/ionic-framework#31314 ·
-
triage
Dificultad 2/5 1-3 horas Aptitud para principiantes 86/100
ionic-team/ionic-framework#31291 ·
-
package: core type: bug
Dificultad 1/5 Menos de una hora Aptitud para principiantes 72/100
ionic-team/ionic-framework#29864 · 1 comentario ·
-
package: core type: feature request
Dificultad 2/5 1-3 horas Aptitud para principiantes 75/100
ionic-team/ionic-framework#29607 · 4 comentarios · 1 reacción ·
Todos los issues de ionic-team/ionic-framework
Issues similares
-
comp/desktop P3 type/bug
Dificultad 1/5 Menos de una hora Aptitud para principiantes 92/100
NousResearch/hermes-agent#118866 ·
-
Browser Waiting for: Product Owner
Dificultad 2/5 1-3 horas Aptitud para principiantes 85/100
getsentry/sentry-javascript#24577 · 1 comentario ·
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 78/100
agilepathway/label-checker#640 ·
-
Plugin stuck at "loading" on DSH 0.1.6-alpha.2 — turnTail list slot registration missing options.id Abierto
Dificultad 2/5 1-3 horas Aptitud para principiantes 88/100
-
Add 2021 Cup data to website Abierto
Dificultad 2/5 1-3 horas Aptitud para principiantes 68/100
chrisparsons83/flexspotff#153 ·