patternfly / patternfly/patternfly-react

Bug - [Masthead] - MastheadBrand icons is reloaded

Offen
#8,850 1 Kommentar 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

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

Beschreibung

Every time the Dropdown component is toggled, the MastheadBrand/MastheadBrand Image component is reloaded. This issue only occurs when using MastheadBrand with an icon router link. The affected components are Dropdown and MastheadBrand/MastheadBrand Image.

How do you reproduce the problem?

Use MastheadBrand with an icon router link.
Toggle the Dropdown component.
Notice that the MastheadBrand/MastheadBrand Image component is reloaded each time the Dropdown state changes.
Expected behavior
The MastheadBrand/MastheadBrand Image component should not be reloaded when toggling the Dropdown component, regardless of whether MastheadBrand is used with an icon router link or not.

Is this issue blocking you?
This issue may not be critical, but it can affect the performance of the website/application. A workaround could be to use MastheadBrand without an icon router link.

Code Sandbox:
https://26rvq2.csb.app/

Open and close the menu bar on the right, and observe the logo. The issue is observed in specific versions of browsers only.

Screenshots
N/A

What is your environment?

OS: MacOS 13.2
Browser: Version 111.0.5563.64 (Official Build) (x86_64)
Version: ^4.276.6

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 den Komponenten Dropdown und MastheadBrand/MastheadBrand Image und reproduziere das Verhalten mithilfe der verlinkten CodeSandbox. Schalte das Menü mit MastheadBrand um, konfiguriert mit einem Icon-Router-Link, und vergleiche es anschließend mit der Version ohne einen solchen. Abgeschlossen ist die Aufgabe, wenn die Komponente MastheadBrand oder MastheadBrand Image beim Ändern des Dropdown-Zustands nicht mehr neu geladen wird.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

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

Neue Issues direkt in Ihr Postfach

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