@zevra/ui 0.34.0 → 0.35.0

package/DECISIONS.md

@@ -1565,3 +1565,37 @@ supprimer pour sept. Une requête de quantité (`:has(> :nth-child(5):last-child
 repasse à trois colonnes pour ce compte-là seulement, et **se désarme
 d'elle-même** : vérifié au navigateur, 3 colonnes à 5 tuiles, 4 dès qu'il y
 en a 6 ou 7. Personne n'aura à y penser quand la suite s'agrandira.
+
+## Les panneaux de la barre débordaient de l'écran par la gauche (28/08/2026, 0.35.0)
+
+Trouvé en mesurant mcp-factory dans une iframe de 375 px — la seule façon de
+juger un téléphone quand la fenêtre du navigateur ne redimensionne pas le
+viewport.
+
+`.zv-lanceur__panneau` et `.zv-compte__panneau` sont en `position: absolute;
+right: 0` : ils se calent sur le bord droit de LEUR DÉCLENCHEUR. Or le
+lanceur n'est pas au bord de l'écran — le compte et le burger le suivent,
+soit une soixantaine de pixels. Le plafond `max-width: calc(100vw - 32px)`,
+lui, a été écrit en pensant un panneau ancré au bord de l'écran : son
+commentaire dit « au bord droit d'un téléphone ».
+
+Les deux ensemble donnent un panneau à la bonne LARGEUR mais à la mauvaise
+PLACE. Mesuré à 375 px : largeur 343 (le plafond fait son travail), bord
+gauche à **−65**. Deux tuiles sur cinq étaient coupées, et la partie hors
+écran était inatteignable.
+
+⚠️ ET C'EST SILENCIEUX. Un débordement par la GAUCHE n'engendre aucun
+défilement horizontal — le navigateur le rogne, sans rien signaler. Le
+contrôle « la page ne déborde pas » que l'on fait spontanément répondait donc
+OUI pendant que deux produits étaient hors de portée.
+
+Sous le point de rupture, les panneaux s'ancrent désormais à l'ÉCRAN et non à
+leur déclencheur : `left: 16px; right: 16px`, largeur pleine. C'est le motif
+que tout le monde connaît sur téléphone, et il ne dépend plus de ce qui est
+posé à droite du déclencheur — un jour où la barre gagnera une entrée, rien
+ne sera à recalculer. Le plafond en `100vw` devient alors redondant : il
+reste, il ne coûte rien et il protège un panneau posé ailleurs.
+
+**Ce qui a été écarté** : réduire le plafond de la largeur du burger et du
+compte. Ça marche tant que personne ne touche à la barre, et ça casse au
+premier ajout — une constante qui encode la mise en page d'à côté.

package/dist/css-inline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"css-inline.d.ts","sourceRoot":"","sources":["../react/css-inline.ts"],"names":[],"mappings":"AAGA;;;iEAGiE;AACjE,eAAO,MAAM,WAAW,EAAE,MAAwgvR,CAAA;AAElivR;;;yBAGyB;AACzB,eAAO,MAAM,WAAW,EAAE,MAAm4B,CAAA"}
+{"version":3,"file":"css-inline.d.ts","sourceRoot":"","sources":["../react/css-inline.ts"],"names":[],"mappings":"AAGA;;;iEAGiE;AACjE,eAAO,MAAM,WAAW,EAAE,MAA07xR,CAAA;AAEp9xR;;;yBAGyB;AACzB,eAAO,MAAM,WAAW,EAAE,MAAm4B,CAAA"}