[ListItem]: Navigation arrow (slim-arrow-right) shrinks on long titles
Los mantenedores suelen responder en 3 días
Evaluación
- Dificultad
- 2/5
- Tiempo estimado
- 1-3 horas
- Aptitud para principiantes
- 85/100
- Tipo de issue
- Error
- Claridad
- Bien especificado
- Estado de actividad
- Activo
- Stack tecnológico
- css, typescript
- Área
- frontend
Línea de trabajo
Empieza por ListItem.css y la plantilla compartida ListItemTemplate mencionada en el issue. Compara las reglas flex de la flecha de navegación con las protecciones contra el encogimiento existentes en el icono del elemento de lista y en los controles de selección. Añade una comprobación de regresión para títulos largos junto a las pruebas existentes de ListItem; el trabajo estará terminado cuando las flechas de navegación conserven su ancho tanto con títulos largos como cortos.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
Bug Description
The trailing navigation arrow (slim-arrow-right) on a type="Navigation" list item has no dedicated style, so it is a plain flex child (flex-shrink: 1, min-width: auto) in the content row. On long/non-wrapping titles the row gets tight and the arrow is compressed horizontally (height stays 16px) → distorted, inconsistently sized arrows.
It's a base ListItem issue (shared ListItemTemplate + ListItem.css), so it affects all subclasses — ui5-li, ui5-li-custom, ui5-tree-item, suggestion items.
Fix: add flex-shrink: 0 (and/or a min-width) to the navigation arrow in ListItem.css, matching the existing guards on .ui5-li-icon and .ui5-li-multisel-cb/.ui5-li-singlesel-radiobtn.
Affected Component
No response
Expected Behaviour
No response
Isolated Example
https://stackblitz.com/edit/github-eby2bvqt?file=index.html
Steps to Reproduce
- Visit stackblitz
- Compare the trailing
>navigation arrows. - The long-title item's arrow is narrower than the short one's.
Log Output, Stack Trace or Screenshots
No response
Priority
None
UI5 Web Components Version
2.28.1
Browser
Chrome
Operating System
No response
Additional Context
No response
Organization
UI5WCR
Declaration
- I’m not disclosing any internal or sensitive information.
- Lenguaje dominante
- TypeScript
- Estrellas
- 1.8k
- Forks
- 290
- Merge medio
- 3 d 12 h
- PR fusionados (30 d)
- 54
Preparar el entorno
- Sin Dockerfile ni archivo de Docker Compose
- Tiene una plantilla de pull request
- Leer la 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 UI5/webcomponents
-
[ui5-dynamic-side-content]: accessibilityAttributes role "none"/"presentation" cannot remove the landmark because aria-label is always appliedPosiblemente ocupada Un pull request vinculado a esta issue está abierto o ya se fusionó. Abierto
Dificultad 2/5 1-3 horas Aptitud para principiantes 80/100
UI5/webcomponents#14244 ·
Los mantenedores suelen responder en 3 días
-
bug Medium Prio TOPIC P
Dificultad 2/5 1-3 horas Aptitud para principiantes 72/100
UI5/webcomponents#14239 · 2 comentarios ·
Los mantenedores suelen responder en 3 días
-
[Feature Request][Side Navigation][A11Y]: Enhance user experience navigating components tree itemsPosiblemente ocupada Un pull request vinculado a esta issue está abierto o ya se fusionó. Abiertobug Medium Prio TOPIC RD
Dificultad 2/5 1-3 horas Aptitud para principiantes 72/100
UI5/webcomponents#14232 · 1 comentario ·
Los mantenedores suelen responder en 3 días
-
enhancement feature request TOPIC RD
Dificultad 2/5 1-3 horas Aptitud para principiantes 68/100
UI5/webcomponents#14222 · 1 comentario ·
Los mantenedores suelen responder en 3 días
-
[SF][A11y][ui5-select] Conflicting ARIA: role="combobox" rendered with aria-roledescription="Listbox" (confuses screen-reader users)Posiblemente ocupada @PetyaMarkovaBogdanova la tomó hace 4 días. Abiertobug Medium Prio TOPIC P
Dificultad 2/5 1-3 horas Aptitud para principiantes 67/100
UI5/webcomponents#14212 · 2 comentarios · 1 asignado ·
Los mantenedores suelen responder en 3 días
Todos los issues de UI5/webcomponents
Issues similares
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 68/100
JuliusBrussee/caveman#1449 ·
Los mantenedores suelen responder en 1 día
-
Dificultad 1/5 Menos de una hora Aptitud para principiantes 78/100
linagora/twake-calendar-frontend#1924 ·
Los mantenedores suelen responder en 1 día
-
Add: Class TV ModaAbiertocheck:passed streams:add
Dificultad 1/5 Menos de una hora Aptitud para principiantes 65/100
Los mantenedores suelen responder en 1 día
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 70/100
libnativeapi/nativeapi#21 ·
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 62/100
GiganticMinecraft/seichi-playguide#183 ·
Los mantenedores suelen responder en 1 día