Repository navigation
Élargir la tooltip de la carte quand la place le permet (E-04) #155
Description
Contexte
Epic : #8
Maquette : E-04 › sélection sur la carte · validée le 2026-09-25 (D-041) : largeur mesurée sur le titre, bornée par size.tooltip-min-w et mappings.mapTooltip.maxWidthRatio, 312 px max à 150 % ; tooltip centrée sur son ancre sinon ramenée dans l'écran à 16 px du bord ; flèche toujours sur l'ancre. Le token tooltip-w devient tooltip-min-w (tokens v16).
Prérequis : #26 (tooltip de la carte)
Ecrans › E-04 · E-04 · D-001
Retour de recette d'Ilan du 25 septembre (émulateur Android) : la tooltip est trop étroite, le titre du parcours se coupe sur deux lignes avec des points de suspension alors que l'écran a la place. Elle suit pourtant la maquette validée : bulle de 260 px, titre sur deux lignes au plus. C'est donc un changement de maquette.
Question pour DESIGN
Décision d'Ilan du 25 septembre : plus de largeur fixe à 260 px ; la tooltip prend une partie de la place disponible, pas toute la largeur de l'écran.
- Règle de largeur à fixer dans ce cadre : part de la largeur de l'écran, avec un minimum et un maximum ; titre sur une ligne quand il tient ; comportement à 150 % de texte, où la tooltip se réduit déjà au nom et à la note.
- Mise à jour de Ecrans › E-04 et entrée D-xxx au Design-Changelog.
Comportement attendu
- La tooltip n'a plus de largeur fixe : elle occupe une partie de la largeur de l'écran, selon la règle décidée par DESIGN, jamais toute la largeur ; le titre est moins souvent coupé.
Critères d'acceptation
- Largeur conforme à la décision de DESIGN (D-xxx), sur iOS et Android
- Toujours une seule tooltip, entièrement dans l'écran, flèche sur son ancre
- À 150 % de texte : la tooltip réduite (nom et note) prend sa largeur maximale de 312 pt, nom sur deux lignes au plus, sur iOS et Android. « De la Cité à Montparnasse » ne passe plus sur trois lignes, comme à 260 pt (
w-tooltip-min-w) pendant Réserver la barre du haut au cadrage d'un parcours sélectionné (tooltip masquée) #322 (captures dans la PR).
Activity
fix(mobile): size the map tooltip with tooltip-min-w of tokens v26
PaulThiberville commentedon Oct 8, 2026
📋 MANAGER (2026-10-08) : critère ajouté pour le cas à 150 %.
CODE a constaté pendant #322 (PR #326, Inbox, 2026-10-08) qu'à 150 % de texte, la tooltip réduite mesure 260 pt de large (
w-tooltip-min-w). Le wiki la veut à sa largeur maximale, 312 pt, nom sur deux lignes (Ecrans › E-04, Texte agrandi ; D-041). Résultat : le titre de « De la Cité à Montparnasse » passe sur trois lignes, sur iOS comme sur Android. La règle est déjà dans la maquette validée de ce ticket, il n'y a donc pas de nouveau ticket ; le nouveau critère la rend vérifiable.Lien : cette largeur est l'une des trois pistes de #329 (tooltip du départ qui ne tient pas sous les chips en XXXL sur iOS). À 312 pt, le titre perd environ 40 pt de hauteur.
PaulThiberville commentedon Oct 9, 2026
🔨 Démarrage — plan : la tooltip prend la largeur de son titre sur une ligne, bornée par
tooltip-min-w(260) etmappings.mapTooltip.maxWidthRatio(80 % de l'écran), à sa largeur maximale à 150 % de texte (D-041). Le titre est mesuré une fois sur une ligne, hors de la vue, avant que la tooltip n'apparaisse ; le calcul de largeur est une fonction pure testée danstooltip.ts, et le placement (ancre ramenée à 16 px du bord, côté dessus ou dessous) se calcule avec la largeur mesurée au départ comme sur une étape touchée.mappings.mapTooltipest exposé par@widoo/tokens(aucune valeur en dur). Brancheissue/155-tooltip-width, captures avant/après iOS et Android à 100 % et 150 %.PaulThiberville commentedon Oct 13, 2026
✅ Vérifié sur appareil réel — Paul, 2026-10-13, build
previewAndroidc829f165(commite152dd4), Redmi Note 9 : tooltip de la carte à la largeur de son titre. Déclaration de Paul (« j'ai tout testé, ça marche correctement »), consignée par MANAGER ; recette complète : #367 (comment)