GoogleChromeLabs/quicklink

An additional `div` markup is wrapped around each router component by `withQuicklink` HOC

Open

#193 ouverte le 2 juil. 2020

Voir sur GitHub
 (1 commentaire) (1 réaction) (0 assignés)JavaScript (431 forks)batch import
help wanted

Métriques du dépôt

Stars
 (10 861 stars)
Métriques de merge PR
 (Merge moyen 47j 12h) (4 PRs mergées en 30 j)

Description

Describe the bug As you can see in the HOC, we have an additional div markup wrapping around the Component (probably it would be a route component) so inserting that div markup could break the app styling since the app styling does not expect another div to be inserted by withQuicklink HOC. Capture

To Reproduce If we use nest CSS selector without considering that div, we might break the styling.

Expected behavior I hope we could avoid adding any wrapping markup around a route component if possible. At least, I hope we manage to avoid impacting the rest of the app as well as the styling in any case.

Version:

  • Quicklink 2.0

cc @addyosmani @demianrenzulli

Guide contributeur

Direction de recherche
Inspectez l'implémentation du HOC `withQuicklink` pour trouver où le `div` supplémentaire est ajouté et refactorisez le pour éviter l'encapsulation sans affecter le style.
Stack technique
javascriptreact
Domaine
frontend
Type d'issue
Bug
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
2
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
1-3 heures
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
ReactJavaScript
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
70