patternfly / patternfly/patternfly-react

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

Offen
#12,555 1 Kommentar 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Stale
Vorherrschende Sprache
TypeScript
Sterne
862
Forks
392
Ø Merge
4 T. 8 Std.
Gemergte PRs (30 T.)
9

Beschreibung

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

Beitragsleitfaden

Beitragsleitfaden öffnen

Erste Schritte

  1. Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
  3. Forke das Repository und arbeite in einem Branch.
  4. Öffne einen Pull Request, der die Issue-Nummer nennt.

Rechercherichtung

Beginne damit, die verlinkte CodeSandbox in Firefox und Chrome zu reproduzieren, und überprüfe anschließend die Implementierungen der Komponenten List, ListItem und Content. Finde die für die vertikale Ausrichtung verantwortlichen Styles und verifiziere, dass der Text in beiden Browsern konsistent mit der Listennummer ausgerichtet ist.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
react, typescript
Bereich
frontend, web-dev
Issue-Typ
Bug
Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Aktivitätsstatus
Aktiv
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
68/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.