patternfly / patternfly/patternfly-react

Bug - AlertGroup - li elements never unmount for timedout alerts

Offen
#11,496 3 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

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

Beschreibung

Describe the problem
When Alerts with a timeout are rendered inside an AlertGroup, the wrapper li element for the Alerts never unmounts when the Alerts do. This causes empty li elements to remain in the DOM.

How do you reproduce the problem?
Go to the alert timeout example and add an alert in the example. Inspect the DOM and notice that when the Alert itself unmounts, the wrapper li element remains with nothing inside of it. Add another Alert and notice that the empty li still remains in addition to a new li with the new Alert rendered inside of it.

Expected behavior
The li elements would unmount the same as the Alerts themselves

Is this issue blocking you?
List the workaround if there is one.

Screenshots
If applicable, add screenshots to help explain the issue.

What is your environment?

  • OS: [e.g. iOS]
  • Browser [e.g. chrome, safari]
  • Version [e.g. 22]

What is your product and what release date are you targeting?

Any other information?

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 mit der AlertGroup-Komponente und reproduziere das Problem anhand des Beispiels für das Alert-Timeout. Untersuche das DOM, während zeitüberschrittene Alerts verschwinden, und verfolge, wie ihre umschließenden li-Elemente gerendert und entfernt werden. Die Aufgabe ist abgeschlossen, wenn zeitüberschrittene Alerts keine leeren li-Elemente mehr hinterlassen, auch wenn ein weiterer Alert hinzugefügt wird.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
react, typescript
Bereich
frontend
Issue-Typ
Bug
Schwierigkeit
2/5
Geschätzter Aufwand
1-3 Stunden
Aktivitätsstatus
Veraltet
Klarheit
Klar beschrieben
Anfängerfreundlichkeit
45/100

Neue Issues direkt in Ihr Postfach

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