Revert "Corregge il rendering sfasato del tesseramento su iOS."

Annulla a5e627a: la diagnosi era sbagliata. I bordi sfalsati nella foto erano
distorsione prospettica dello scatto, non un artefatto di composizione, e il
sintomo vero era un altro (le card escono dallo spazio). Né il will-change del
pannello né il backdrop-blur della barra tab c'entravano.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
2026-09-05 23:22:39 +02:00
co-authored by Claude Opus 5
parent a5e627a57b
commit 84c4c0fc25
+1 -8
View File
@@ -58,10 +58,7 @@ export function BarraSottosezioni({
return (
<div>
{/* Niente backdrop-blur: la barra non è sticky, quindi non sfoca nulla, ma su
iOS il backdrop root forza il rendering a layer degli antenati e sporca il
pannello alto qui sotto. */}
<div className="border-b border-border bg-background pt-3">
<div className="border-b border-border bg-background/80 pt-3 backdrop-blur-md">
<div
role="tablist"
aria-label="Sottosezioni"
@@ -114,10 +111,6 @@ export function BarraSottosezioni({
initial={ridotto ? { opacity: 0 } : { opacity: 0, x: direzione.current * 20 }}
animate={{ opacity: 1, x: 0 }}
transition={ridotto ? { duration: 0.1 } : transizioneTab}
// iOS: il will-change automatico di Motion promuove il pannello a layer
// composito. Sui tab lunghi (Tesseramento) supera il tile di WebKit e il
// contenuto viene ridisegnato a fasce sfalsate. "auto" disattiva la gestione.
style={{ willChange: "auto" }}
className="touch-pan-y px-5 py-4"
>
<h2 className="mb-3 font-display-sm text-lg uppercase">{voce.label}</h2>