Skip to content

Rendre touchables les étapes rapprochées d'un parcours sélectionné (E-04) #230

Closed

Description

@PaulThiberville

Contexte

Epic : #8
Prérequis : #153 (tooltip d'une étape au tap, PR #216)
Maquette : E-04 · validée le 2026-09-28 (D-071), révisée le 2026-10-09 (D-084)
Ecrans › E-04 · Direction-Artistique › Carte · E-04

Découverte de CODE pendant la recette de #153 (Inbox), aussi signalée dans les limites de la PR #216 :

  • Étapes rapprochées : sur un parcours aux étapes proches (« De la Cité à Montparnasse… », surtout à 150 % de texte où la carte dézoome), les zones tactiles de 44 px se chevauchent et la tooltip ouverte couvre les étapes voisines, dont le départ : on ne peut plus les taper sans ouvrir une autre étape ou zoomer.
  • Marqueurs des autres parcours : ils restent dessinés au milieu du tracé sélectionné.

Question pour DESIGN — répondue

Réponse : D-084, écrite dans Ecrans › E-04 › Étapes sur la carte › Étapes rapprochées. La question 1 est réglée par D-071 (marqueurs des autres parcours masqués pendant la sélection) et n'est pas rouverte ; la question 2 par D-084.

1. Parcours sélectionné : masquer ou atténuer les marqueurs photo des autres parcours ?
2. Étapes rapprochées : zoom minimal au cadrage, tooltip décalée pour ne pas couvrir une étape, ou priorité de tap à l'étape la plus proche du doigt ? Mettre à jour la maquette ou la règle dans E-04.

Comportement attendu

Règle D-084 (Ecrans › E-04 › Étapes rapprochées) :

  • le tap va à l'étape la plus proche du doigt, jamais à celle dessinée par-dessus ;
  • la tooltip d'une étape ne couvre jamais une étape voisine, départ compris : au-dessus par défaut, « dessous, flèche en haut » quand « dessus » en couvrirait une ;
  • cadrage à la sélection : tout le tracé, sans zoom minimal (pas de zoom 13) ;
  • marqueurs des autres parcours masqués pendant la sélection (D-071, s'il n'est pas déjà fait).

Hors périmètre : le cas où « dessus » et « dessous » couvrent tous deux une étape (point 3 de E-04, zoom jusqu'à 17), non confirmé par DESIGN et suivi par #335 ; ici, la tooltip garde alors sa position par défaut, au-dessus, sans zoom.

Critères d'acceptation

  • Règle ou maquette E-04 mise à jour (DESIGN), entrée D-xxx : D-084
  • Recette iOS et Android sur « De la Cité à Montparnasse », texte à 100 % et à 150 % : chaque étape se touche sans zoomer
  • Zones tactiles de 44 px conservées
  • Test de la sélection de l'étape la plus proche du doigt et du choix « dessus » / « dessous »
  • Cadrage à la sélection sans zoom minimal

Activity

  1. added this to the v0.2 milestone on Sep 28, 2026
  2. removed
    needs-designQuestion ou maquette à produire en mode DESIGN
    on Sep 28, 2026
  3. IlanAMG commented on Sep 28, 2026

    @IlanAMG
    Member

    D-071 (https://github.com/Inprogress-Agency/widoo-app/wiki/Design-Changelog) : Marqueurs des autres parcours masqués pendant la sélection ; tap au plus proche ; placement de la tooltip ; zooms 13 et 17 pour les étapes rapprochées ; cadrage. Le cas « tap sur un autre marqueur » disparaît.

  4. PaulThiberville commented on Oct 9, 2026

    @PaulThiberville
    CollaboratorAuthor

    🔨 Démarrage — plan :

    • Tap à l'étape la plus proche du doigt : le point touché est ramené à l'écran, comparé aux centres de toutes les étapes ; parmi celles dont la zone tactile de 44 px contient le doigt, la plus proche gagne (fonction pure nearestStep, testée), jamais celle dessinée par-dessus.
    • Tooltip au-dessus ou dessous : fonction pure tooltipSide (testée) : au-dessus par défaut, « dessous, flèche en haut » quand « dessus » couvrirait une autre pastille du parcours, départ compris, et que « dessous » n'en couvre aucune et reste au-dessus de la sheet. Sinon au-dessus (cas des deux côtés couverts : Décider du zoom sur une étape quand « dessus » et « dessous » couvrent une voisine (E-04) #335, hors périmètre). Appliquée à la tooltip d'une étape touchée et à celle du départ à la sélection.
    • Cadrage sans zoom minimal : le code de main cadre déjà tout le tracé sans zoom plancher ; vérifié et laissé tel quel, réserves haute et basse de Garder la dernière étape d'un parcours sélectionné au-dessus de la sheet #225/Réserver la barre du haut au cadrage d'un parcours sélectionné (tooltip masquée) #322 intactes.
    • Marqueurs des autres parcours (D-071) : encore affichés sur main ; masqués en fondu pendant la sélection, un tap à leur place ferme la sélection.
    • Recette iOS et Android sur « De la Cité à Montparnasse », 100 % et 150 %, captures dans la PR.

    Branche issue/230-close-steps.

  5. PaulThiberville commented on Oct 13, 2026

    @PaulThiberville
    CollaboratorAuthor

    ✅ Vérifié sur appareil réel — Paul, 2026-10-13, build preview Android c829f165 (commit e152dd4), Redmi Note 9 : étapes rapprochées d'un parcours sélectionné : le tap ouvre l'étape la plus proche. Déclaration de Paul (« j'ai tout testé, ça marche correctement »), consignée par MANAGER ; recette complète : #367 (comment)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

      Milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions