binaryage / binaryage/cljs-devtools

Firefox overrides break native-reference-wrapper-style

Ouverte
#81 0 commentaires 0 réactions 0 personnes assignées Voir sur GitHub
Langage dominant
Clojure
Étoiles
1.1k
Forks
51
Métriques de merge des PR
Aucune PR mergée en 30 j

Description

It took me a while to figure out why in the [re-frame-10x](https://github.com/day8/re-frame-10x) view of my Re-frame data, from a certain point in time, the panel gets largely erased, looking as follows (the right half of the screenshot is the panel):

![Image](https://github.com/user-attachments/assets/b975db1f-0ff5-44c4-b891-f1e638032cf4)

Having grepped through the code of that library and then of cljs-devtools, I figured out the Firefox overrides are apparently to blame -- causing this "native reference wrapper" to lose its "position: relative" style, which in turn results in its first child (effectively "position: absolute; inset: 1px", as defined by `get-inner-background-style`) to take much more space than intended. In the context of the Re-frame-10x debugging panel, it grows to fill the entire panel with its white background.

Indeed, in Chromium, the Re-frame-10x panel works fine:

![Image](https://github.com/user-attachments/assets/21b799a3-1458-42e2-8e23-c01473811115)

I can imagine two reasonable solutions:

1. Add the "position: relative" specification (and maybe "display: inline-flex", too?) also to the native-reference-wrapper-style config in the Firefox overrides.
2. Make the CSS values specified in the overrides _extend_ the defaults instead of replacing them.

I don't know enough about why the overrides are configured as they are currently configured, so I am also not sure which would be the right way to proceed. For now, I will try to patch this bug in my user config.

Guide de contribution

Aucun guide de contribution indexé pour ce dépôt

Piste de recherche

Inspectez les overrides de Firefox et la configuration de style native-reference-wrapper-style, puis reproduisez le problème dans la vue re-frame-10x. Déterminez si l’override doit préserver le positionnement du wrapper natif ou étendre les valeurs par défaut ; le travail est terminé lorsque le panneau s’affiche correctement dans Firefox sans que l’arrière-plan de l’élément enfant le remplisse.

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

Évaluation

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

Recevez les nouvelles issues par e-mail

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