update deps & correction "Content Missing"

[mmarchois]

La suppression de la frame Turbo permet de corriger l'erreur Content Missing qui était causé lors de la mise à jour des deps sans dégradation de l'expérience utilisateur.

A tester ici https://dialog-staging-pr247.osc-fr1.scalingo.io

[codecov]

Codecov Report

Merging #247 (e697a69) into main (fdd4895) will not change coverage.
The diff coverage is n/a.

@@             Coverage Diff             @@
##                main      #247   +/-   ##
===========================================
  Coverage     100.00%   100.00%           
  Complexity       264       264           
===========================================
  Files             65        65           
  Lines           1089      1089           
===========================================
  Hits            1089      1089           

Help us with your feedback. Take ten seconds to tell us how you rate us. Have a feature suggestion? Share it here.

[florimondmanca]

Pour l'historique, ça fait suite à ça #223 (review)

Le "Content Missing" provient d'un changement dans Turbo qui révèle qu'on utilisait probablement mal les frames (frame missing) :

https://github.com/hotwired/turbo/releases/tag/v7.3.0

Don't break out of frames when frame missing (hotwired/turbo#863)

Si la réponse HTML reçue ne contient pas la frame indiquée dans le id (ici step-content), désormais il y a un message "Missing Content" au lieu de faire une navigation pleine page en dernier ressort.

Pour reproduire le Content Missing, j'ai fait ça :

• Lancer make install_deps à partir de cette branche pour récupérer Turbo 7.3.0
• Repartir sur main
• Remplir l'étape 2 (dernière étape du stepper aujourd'hui)
• Pouis cliquer sur suivant
• Constater le "Content missing"

L'effet de supprimer le <turbo-frame> est qu'on perd l'effet SPA : la page entière est rechargée au lieu de remplacer seulement le contenu de la step. La différence n'est pas énorme, c'est bel et bien un "UX enhancement" dont on pourrait se passer, on peut cependant voir qu'il est détectable si on throttle le réseau.

À mon sens le vrai correctif serait d'ajouter data-turbo-frame="_top" au formulaire de l'étape 2 pour dire : remplace toute la page par ce qui te sera renvoyé (la page de détail), n'essaie d'y chercher un step-content

    {{ form_start(form, {attr: {'data-turbo-frame': '_top'}}) }}

https://turbo.hotwired.dev/handbook/frames#targeting-navigation-into-or-out-of-a-frame

[florimondmanca]

Cela dit il n'y a pas beaucoup d'enjeu car de toute façon ce stepper va sauter.

[florimondmanca]

Il y a un bug graphique sur les onglets mais il est reproductible sur main aussi

Ça doit être suite à #329

Si je suis sur une page de détail et que je clique "Toutes les réglementations" en bas, les onglets sont vides. C'est parce que l'URL utilise ?tab=draft.