Regarde enfin les écrans s'afficher, et trouve ce que 618 tests taisaient

La 7ᵉ série s'était close sur un aveu : aucun écran n'avait été regardé.
Balayage des vingt-deux routes à 320, 375 et 1280 px. Les huit lots tiennent
leurs promesses ; trois défauts en sortent, qu'aucun test ne pouvait voir.

L'arbre des séries débordait de 8 px à 320 px : sa ligne est elle-même un
élément de flex, et « min-width: auto » lui interdisait de rétrécir. C'est
mot pour mot la leçon du lot M, non appliquée à cet étage de la cascade.

L'ISBN à tirets faisait défiler toute la fiche — 395 px pour un écran de 320.
« white-space: nowrap » y annulait le « word-break » dont le dd est muni
justement pour cela. Le défaut de CSS était déjà le bon comportement : une
ligne quand il y a la place, une coupure au tiret sinon.

Le troisième est le sérieux : le relais de couvertures rendait 404 une fois
sur trois sur une couverture qui existe. archive.org extrait l'image d'un ZIP
à la volée et met 5 à 15 s, le délai coupait à 10. Rien n'était alors mis en
cache, donc CORS puis relais se rejouaient à chaque affichage — le défaut même
que ce relais existe pour corriger. Un 404 ne prouve rien ici, par
construction : le relais répond 404 à tout refus pour ne pas être un oracle.
Il a désormais son propre délai, personne n'attendant derrière un cache qui
se remplit en tâche de fond.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
mathieu
2026-08-21 17:44:00 +02:00
co-authored by Claude Opus 5
parent d7ea12ddbf
commit 323b50676b
4 changed files with 139 additions and 7 deletions
+13 -1
View File
@@ -1080,9 +1080,16 @@ body {
/* Un ISBN se relit chiffre à chiffre : une chasse fixe évite de confondre 1 et l,
0 et O, et rend les tranches séparées par des tirets alignées d'une ligne à l'autre. */
/* ⚠️ PAS de « white-space: nowrap » ici, et ce n'est pas un oubli. Un ISBN à tirets mesure
147 px en monospace, là où la colonne des valeurs de la fiche n'en offre que 111 à 375 px et
56 à 320 px : « nowrap » le faisait déborder, et avec lui TOUTE la page — 395 px de contenu
pour un écran de 320, mesuré le 2026-08-21. Il annulait au passage le « word-break » dont
« .fiche-champs dd » est justement muni pour cela.
Le défaut de CSS est exactement ce qu'on veut : le code tient sur une seule ligne quand il y
a la place, et ne se coupe qu'à un tiret quand il n'y en a pas — le tiret étant le seul
endroit où une coupure se relit. */
.code-isbn {
font-family: ui-monospace, "SFMono-Regular", "Menlo", "Consolas", monospace;
white-space: nowrap;
}
/* Titre d'écran et son bouton de réglages sur la même ligne : le bouton « Filtrer » du
@@ -1173,6 +1180,11 @@ body {
gap: 0.5rem;
min-height: 2.25rem;
padding: 0.2rem 0;
/* ⚠️ Même piège qu'au lot M : la ligne est elle-même un élément de flex (son <li> l'est),
et « min-width: auto » lui interdit de descendre sous sa largeur intrinsèque. Sans cette
ligne, un titre de sous-série indenté pousse le compte « 0 sur 2 tomes » hors de l'écran
et fait défiler la page horizontalement (mesuré à 320 px : 328 px de large). */
min-width: 0;
}
.arbre-plier,