- Shipped
- 19 agosto 2026 alle ore 03:43 UTC
- Author
- Kamo
- Commit
- 646db37
PREVIEW BANNER — il suo CSS ha vissuto in un blocco ` Пstyle jsx>` all'interno del componente. Nell'App Router styled-jsx non server-render CSS per i componenti client, così il SSR HTML ha spedito il markup banner (è il primo elemento in <body>) con i nomi di classe corrispondenti nessun foglio di stile, e il tag <style> solo una volta il pacchetto JS è scappato. Confermato contro la produzione: zero blocchi inline <style> l'HTML servito, e nessuna delle regole nel pacchetto CSS sia. Le regole si muovono a globals.css, che è un foglio di stile di render-blocking in <head>, quindi si applicano sulla prima vernice. La bandiera è posizione: fissata e la sua altezza era riservata solo ad un effetto scrittura document.body.style.paddingTop, così il contenuto si è seduto sotto di esso fino idratazione e poi saltato. 'corpo { padding-top: var(--banner-h, 38px) } ora si riserva dalla prima vernice; l'effetto ancora sovrascrive la variabile con l'altezza misurata, che conta dove la copia avvolge su piccoli schermi. CARDS CARATTERISTICHE — la correzione precedente ha usato un allungato:: dopo a z-index 1, ma la carta è <h3> e <p> portare `relativo z-10`. Hanno dipinto sopra la sovrapposizione e ingoiato il clic attraverso la maggior parte della carta, quindi era ancora morto ovunque che importava. Piuttosto che escalate z-index contro il contenuto che legittimamente ha bisogno di sedersi sopra gli strati hover, l'ancora ora avvolge l'intera carta. Che cosa? è la semantica giusta per una carta che naviga nel suo insieme e gli dà uno tab stop invece di due; l'interno "Learn more" ritorna al chiaro markup, dal momento che un collegamento all'interno di un link non è valido.