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

Aberta
#12,555 1 comentário 0 reações 0 responsáveis Ver no GitHub

Ninguém assumiu esta issue ainda.

Avaliação

Dificuldade
3/5
Tempo estimado
1-2 dias
Facilidade para iniciantes
68/100
Tipo de issue
Bug
Clareza
Razoavelmente clara
Status de atividade
Ativa
Stack de tecnologia
react, typescript
Domínio
frontend, web-dev

Direção de pesquisa

Comece reproduzindo o CodeSandbox vinculado no Firefox e no Chrome e, em seguida, inspecione as implementações dos componentes List, ListItem e Content. Encontre os estilos responsáveis pelo alinhamento vertical e verifique se o texto fica alinhado de forma consistente com o número da lista em ambos os navegadores.

Escrita pelo modelo de indexação a partir do texto da issue.

Descrição

Stale

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

Linguagem predominante
TypeScript
Estrelas
862
Forks
392
Merge médio
4d 8h
PRs com merge (30d)
9

Guia de contribuição

Abrir o guia de contribuição

Primeiros passos

  1. Leia a issue inteira e depois o guia de contribuição do projeto.
  2. Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
  3. Faça um fork do repositório e trabalhe em uma branch.
  4. Abra um pull request que referencie o número da issue.

Mais de patternfly/patternfly-react

Todas as issues de patternfly/patternfly-react

Issues semelhantes

Mais issues de TypeScript

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.