fix: v2.8.1 — definitive touch-scroll fix (drop backdrop-filter on touch devices)

On mobile, vertical swipes landing on a card or the .evsc-stack failed to
scroll the view — only swipes on the empty .dashboard-shell padding worked.
Root cause is the iOS/WebKit gesture-capture bug on -webkit-backdrop-filter
inside an outer scroll container; the v2.2.1 mitigations (touch-action:
pan-y + translateZ(0)) were not sufficient on real devices.

Fix: under @media (hover: none) and (pointer: coarse), override the two
blur tokens (--evsc-blur, --evsc-blur-light) to none — every glass surface
consumes them — and make surfaces near-opaque to compensate (light + dark
variants). Desktop keeps the Liquid Glass look unchanged.

Frontend-only; no schema/entity/config-flow change. Full suite green
(259 passed).

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

Author: Antonio ...

CLAUDE.md

@@ -757,6 +757,46 @@ async def _set_amperage(self, target_amperage: int):
 
 ## Version History
 
+### v2.8.1 (2026-07-13)
+**FIX: Touch scroll stuck on dashboard cards — definitive fix (backdrop-filter removed on touch devices)**
+
+**Problem**: on mobile, vertical swipes landing on a card / the `.evsc-stack`
+failed to scroll the view — the user had to swipe on the empty
+`.dashboard-shell` padding to scroll (perceived as a "shell vs stack scroll
+conflict"). Same symptom v2.2.1 targeted; its mitigations
+(`touch-action: pan-y` + `translateZ(0)`) did not fully cure it on real
+iOS/WebKit devices, exactly the residual risk its changelog documented.
+
+**Root cause**: there is no nested scroll container in the bundle (single
+scroller = HA's view). The gesture is swallowed by the iOS/WebKit bug where
+an element carrying `-webkit-backdrop-filter` inside an outer scroll
+container can capture the vertical pan instead of letting it bubble.
+
+**Fix** (frontend-only, token-level, in
+[ev-smart-charger-dashboard.js](custom_components/ev_smart_charger/frontend/ev-smart-charger-dashboard.js)):
+under `@media (hover: none) and (pointer: coarse)` the two blur tokens are
+overridden to `none` (`--evsc-blur`, `--evsc-blur-light`) — every glass
+surface consumes them, so one rule removes every `backdrop-filter` on touch
+devices — and the surfaces become near-opaque to compensate
+(`--evsc-surface` 0.62→0.92, `--evsc-surface-strong` →0.97, plus the dark
+variants). Desktop (fine pointer) keeps the Liquid Glass look byte-for-byte.
+
+**Verification**: preview harness (`.preview/`) — bundle loads clean, both
+media rules present in the CSSOM (valid syntax), simulated touch tokens at
+375 px render correctly in light and dark, desktop computed style restored
+to `saturate(180%) blur(40px)` untouched. Definitive confirmation is on a
+real touch device (desktop preview cannot reproduce the WebKit bug).
+
+**Files**: `frontend/ev-smart-charger-dashboard.js` (CSS only), `const.py`,
+`manifest.json`. `VERSION = "2.8.1"`. No schema / entity / config-flow
+change, entity counts unchanged (71 / 57). The `?v=`+content-hash
+cache-buster delivers the new bundle on the next dashboard reload.
+
+**Upgrade priority**: 🟢 STRONGLY RECOMMENDED for anyone using the dashboard
+on a phone or tablet.
+
+---
+
 ### v2.8.0 (2026-07-13)
 **FEATURE: Consumption-spike fast response — zero grid import on household demand spikes**
 

custom_components/ev_smart_charger/const.py

@@ -2,7 +2,7 @@
 
 # ========== INTEGRATION METADATA ==========
 DOMAIN = "ev_smart_charger"
-VERSION = "2.8.0"
+VERSION = "2.8.1"
 DEFAULT_NAME = "EV Smart Charger"
 FRONTEND_URL_BASE = "/api/ev_smart_charger/frontend"
 FRONTEND_CARD_FILENAME = "ev-smart-charger-dashboard.js"

custom_components/ev_smart_charger/frontend/ev-smart-charger-dashboard.js

@@ -3231,6 +3231,34 @@ class EvSmartChargerDashboard extends HTMLElement {
           }
         }
 
+        /* v2.8.1: definitive touch-scroll fix. The v2.2.1 mitigations
+           (touch-action: pan-y + translateZ(0)) did not fully cure the
+           iOS/WebKit gesture-capture bug: an element carrying
+           -webkit-backdrop-filter inside an outer scroll container (HA's
+           view) can still swallow the vertical pan, so swipes landing on
+           a card/stack fail to scroll while swipes on empty shell padding
+           work — the reported "shell vs stack scroll conflict". The only
+           reliable cure from inside the shadow root is removing the
+           backdrop-filter on touch devices entirely. All glass surfaces
+           consume the two blur tokens, so a token-level override kills
+           every filter at once; the surfaces get near-opaque backgrounds
+           to compensate for the lost frosted-glass legibility. Desktop
+           (fine pointer) keeps the full Liquid Glass look unchanged. */
+        @media (hover: none) and (pointer: coarse) {
+          :host {
+            --evsc-blur: none;
+            --evsc-blur-light: none;
+            --evsc-surface: rgba(255, 255, 255, 0.92);
+            --evsc-surface-strong: rgba(255, 255, 255, 0.97);
+          }
+        }
+        @media (hover: none) and (pointer: coarse) and (prefers-color-scheme: dark) {
+          :host {
+            --evsc-surface: rgba(28, 28, 30, 0.92);
+            --evsc-surface-strong: rgba(44, 44, 46, 0.97);
+          }
+        }
+
         /* v1.10.4: explicit box-sizing reset for all descendants, including
            pseudo-elements. Shadow DOM does NOT inherit box-sizing from the
            light DOM, so this MUST be re-declared inside the shadow root. */

custom_components/ev_smart_charger/manifest.json

@@ -11,5 +11,5 @@
   "iot_class": "local_push",
   "issue_tracker": "https://github.com/antbald/ha-ev-smart-charger/issues",
   "requirements": [],
-  "version": "2.8.0"
+  "version": "2.8.1"
 }