2025-07-04

docs/JOURNAL.md

@@ -34,3 +34,26 @@
 - Développement d'un script `fish` qui lance un onglet Cromite en mode sans-tête avec profile Invité sur le site Haiku Atelier.
   - Il est possible, en utilisant le débogueur à distance Chromium, de rafraîchir un onglet via le terminal en passant par `fx` et `websocat` pour l'interface _WebSocket_.
   - Cela offre une forme primitive de « hot reload » (rechargement à chaud) pour éviter d'avoir manuellement taper F5 à chaque changement.
+
+## 2025-07-04
+
+- Problème de l'animation SVG s'affichant mal sur iOS.
+  - Ce serait du à un bogue de rendu du moteur _WebKit_.
+  - Pour le contourner, appliquer un `transform: translate3d` ou `transform: matrix` sur les éléments SVG.
+  - Installation d'un [débogueur distant pour iOS](https://git.gay/besties/ios-safari-remote-debug).
+    - Compilation de [ios-webkit-debug-proxy](https://github.com/google/ios-webkit-debug-proxy).
+    - Ensuite, avec un câble reliant l'iPhone à l'ordinateur :
+      - S'assurer que le démon `usbmuxd` tourne ;
+      - Ouvrir un onglet sur Safari et activer le _Web Inspector_ dans les préférences avancées ;
+      - Lancer `ios_webkit_debug_proxy` dans le terminal ;
+      - Compiler `ios-safari-remote-debug` (`./ios-safari-remote-debug build -t releases/Apple/Safari-17.5-macOS-14.5`) ;
+      - Lancer le serveur `ios-safari-remote-debug` (`./ios-safari-remote-debug serve`) ;
+      - Naviguer à son adresse, ouvrir les outils de développements normalement proposés.
+    - Cela devrait pouvoir faciliter la résolution du soucis de l'animation sur l'accueil pour Safari iOS.
+    - **Le fin de mot de l'histoire ?**
+      - Pour _iOS_, on ne peut pas (encore) spécifier de valeurs relatives en pourcentages pour les dimensions des _SVG_. Il faut utiliser des `vw`/`vi`.
+      - Pour les `<text>` au sein de SVG, le rendu de `font-size` peut différer de celui de Chromium/FF. Question de _PPI_ ?
+      - `IntersectionObserver` émettait un événement où `intersectionRatio` n'était pas 1, mais ~0.99874784. Vu que le script utilisait une valeur de 1 pour décider qu'un élément soit caché ou non, l'animation était cachée au chargement de la page.
+      - Utiliser un ratio supérieur à 0.9 corrige le soucisS.
+- Journalisation avec _LogTape_.
+  - Différenciation primaire du niveau minimum de journal en utilisant la variable d'environnement `VITE_ENV`.