@zevra/ui 0.36.0 → 0.37.0

package/DECISIONS.md

@@ -1655,3 +1655,45 @@ C'est exactement ce qu'il a fait au premier jet, et il avait raison.
 Il a aussi rendu un service immédiat : un `git checkout` d'essai avait
 annulé le nettoyage de `tokens.css`, encore non commité. Le garde a signalé
 la régression dans la minute.
+
+## L'infobulle se pose en bas de l'écran sur téléphone (29/08/2026, 0.37.0)
+
+Le commentaire de `.zv-tooltip` annonçait la dette : « le centrage sur une
+cible collée au bord peut encore la décaler : limite connue, une variante
+d'ancrage latéral s'arbitrera si le cas se présente ». Le cas s'est présenté,
+et il est mesurable.
+
+Sur le tableau de bord de mcp-factory, à 375 px, le document fait **416 px**
+de large : barre de défilement horizontale sur toute la page. En masquant les
+seules infobulles il retombe à 360. Elles sont la cause ENTIÈRE, le bloc de
+code n'y est pour rien.
+
+Le mécanisme : `left: 50%; transform: translateX(-50%)` sur une cible proche
+du bord droit. Le plafond `max-width: calc(100vw - 40px)` ne corrigeait rien,
+puisque ce n'est pas la largeur qui déborde mais la POSITION.
+
+⚠️ Le débordement par la droite, lui, s'entend : il crée un défilement
+horizontal sur TOUTE la page, y compris là où l'infobulle n'est pas. C'est ce
+qui le rend cher, et facile à imputer au mauvais bloc.
+
+**La variante d'ancrage latéral a été écartée.** Elle aurait obligé chaque
+app à choisir le bon côté pour chaque bulle (quarante et une sur ce seul
+tableau de bord) et à le refaire à chaque déplacement d'un bouton. Une
+correction qui se re-décide à chaque intégration n'est pas une correction.
+
+Sous le point de rupture, la bulle CESSE DE FLOTTER au-dessus de sa cible :
+elle se pose en bas de l'écran, pleine largeur, en `position: fixed`. Le
+débordement devient impossible par construction, quelle que soit la place de
+la cible. C'est aussi le seul endroit où une bulle reste lisible sur 320 px
+sans se replier en cinq lignes au-dessus d'un bouton.
+
+**Le desktop ne bouge pas d'un pixel** : tout est dans la requête média, et
+la règle hors média n'est pas touchée.
+
+Ce que ça ne règle PAS, et qui reste vrai : le tactile ne survole pas. Une
+bulle ne s'ouvre au doigt que si sa cible prend le focus au tap, ce qui vaut
+d'un bouton et pas d'un texte. La doctrine du composant tient donc plus que
+jamais : l'infobulle est un COMPLÉMENT DISPENSABLE, et l'information
+nécessaire passe par `aria-describedby` et par le texte visible. Une app qui
+y met la raison d'un bouton grisé s'en remet à un geste que la moitié de ses
+visiteurs n'ont pas.

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,MAAyvxR,CAAA;AAEnxxR;;;yBAGyB;AACzB,eAAO,MAAM,WAAW,EAAE,MAAk4B,CAAA"}
+{"version":3,"file":"css-inline.d.ts","sourceRoot":"","sources":["../react/css-inline.ts"],"names":[],"mappings":"AAGA;;;iEAGiE;AACjE,eAAO,MAAM,WAAW,EAAE,MAAyyzR,CAAA;AAEn0zR;;;yBAGyB;AACzB,eAAO,MAAM,WAAW,EAAE,MAAk4B,CAAA"}