patternfly / patternfly/patternfly-react

Bug - [Masthead] - MastheadBrand icons is reloaded

Ouverte
#8,850 1 commentaire 0 réactions 0 personnes assignées Voir sur GitHub

Personne n'a encore pris cette issue.

Pinned
Langage dominant
TypeScript
Étoiles
862
Forks
392
Merge moyen
4 j 8 h
PR mergées (30 j)
9

Description

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

Guide de contribution

Ouvrir le guide de contribution

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Piste de recherche

Commencez par les composants Dropdown et MastheadBrand/MastheadBrand Image et reproduisez le comportement à l’aide du CodeSandbox lié. Basculez le menu avec MastheadBrand configuré avec un lien de routeur d’icône, puis comparez-le avec la version qui n’en contient pas. C’est terminé lorsque le composant MastheadBrand ou MastheadBrand Image ne se recharge plus lorsque l’état de Dropdown change.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
react, typescript
Domaine
frontend
Type d'issue
Bug
Difficulté
3/5
Temps estimé
1-2 jours
Activité
À l'abandon
Clarté
Plutôt claire
Accessibilité débutants
35/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.