patternfly / patternfly/patternfly-react

Bug - [List/ListItem/Content] - Content component inside List/ListItem has wrong alignment on Firefox

Abierto
#12,555 1 comentario 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Stale
Lenguaje dominante
TypeScript
Estrellas
862
Forks
392
Merge medio
4 d 8 h
PR fusionados (30 d)
9

Descripción

Describe the problem

If you put a Content component inside ListItem, the alignment breaks on Firefox. (The text is vertically offset from the list number.)

How do you reproduce the problem?

https://codesandbox.io/p/sandbox/gracious-haze-mlwk56

Expected behavior

No vertical offset. Consistent across browsers.

Is this issue blocking you?
No.

Screenshots

Firefox:

image

Chrome:

image

What is your environment?

  • OS: Fedora Linux 43
  • Browser: Firefox Mozilla
  • Version: 152.0.4 (64-bit)

Jira Issue: PF-4421

Guía de contribución

Abrir la guía de contribución

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Línea de trabajo

Empieza reproduciendo el CodeSandbox enlazado en Firefox y Chrome, y después inspecciona las implementaciones de los componentes List, ListItem y Content. Encuentra los estilos responsables de la alineación vertical y verifica que el texto se alinee de forma coherente con el número de la lista en ambos navegadores.

Escrito por el modelo de indexación a partir del texto del issue.

Evaluación

Stack tecnológico
react, typescript
Área
frontend, web-dev
Tipo de issue
Error
Dificultad
3/5
Tiempo estimado
1-2 días
Estado de actividad
Activo
Claridad
Bastante claro
Aptitud para principiantes
68/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.