From 84c4c0fc25e8dd9a5f0a8b0be37841106e461aef Mon Sep 17 00:00:00 2001
From: Davide Grilli <davide.grilli@outlook.com>
Date: Sat, 5 Sep 2026 23:22:39 +0200
Subject: [PATCH] Revert "Corregge il rendering sfasato del tesseramento su
 iOS."
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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>
---
 src/components/crapp/BarraSottosezioni.tsx | 9 +--------
 1 file changed, 1 insertion(+), 8 deletions(-)

diff --git a/src/components/crapp/BarraSottosezioni.tsx b/src/components/crapp/BarraSottosezioni.tsx
index b8172dc..9135ef0 100644
--- a/src/components/crapp/BarraSottosezioni.tsx
+++ b/src/components/crapp/BarraSottosezioni.tsx
@@ -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>