- Shipped
- 19 août 2026 à 03:43 UTC
- Author
- Kamo
- Commit
- 646db37
PREVIEW BANNER - son CSS a vécu dans un bloc de style jsx à l'intérieur du composant. Dans l'App Router, le modèle-jsx ne rend pas de serveur CSS pour les composants clients, de sorte que le SSR HTML a expédié le balisage de la bannière (c'est le premier élément de la boîtier) avec des noms de classe ne correspondant à aucune feuille de style, et la balise « style » n'apparaissait qu'une seule fois le paquet JS a couru. Confirmé contre la production: zéro bloc en ligne le HTML desservi, et aucune des règles du lot CSS non plus. Les règles déménagent à globals.css, qui est une feuille de style de blocage de rendu dans la tête, ils s'appliquent donc sur la première peinture. La bannière est position: fixe et sa hauteur n'était réservée que d'un effet écrivant document.body.style.paddingTop, donc le contenu s'est assis sous lui jusqu'à ce que hydratation puis sauté. - corps - rembourrage: var(-bannière-h, 38px) - maintenant le réservaci par la première peinture; l'effet écrase toujours la variable avec la hauteur mesurée, qui importe où la copie s'enroule sur de petits écrans. FEATURE - la solution précédente a utilisé un étirage:: après à l'indice z 1, mais le Les cartes « h3 » et EPMATHMARKEREP portent le z-10. Ils ont peint au-dessus de la superposition et a avalé le clic sur la plupart de la carte, donc il était encore mort partout qui importait. Plutôt que d'escalader z-index par rapport à un contenu qui légitimement doit s'asseoir au-dessus des couches de survol, l'ancre enveloppe maintenant l'ensemble de la carte. Que est la bonne sémantique pour une carte qui navigue dans son ensemble et lui donne une l'onglet s'arrête au lieu de deux; l'"ennui intérieur plus" revient à un balisage clair, puisque une liaison à l'intérieur d'une liaison est invalide.