From c85d3ad1b0c0ee95e568ba819e4e607d96df6b56 Mon Sep 17 00:00:00 2001
From: Samuel Newman <mozzius@protonmail.com>
Date: Tue, 4 Mar 2025 00:09:50 +0000
Subject: [PATCH] add pointer events none to all backdrop elements

---
 src/components/Layout/Header/GlassyBackdrop.tsx     |  4 +++-
 src/components/Layout/Header/GlassyBackdrop.web.tsx | 10 +++++++++-
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/components/Layout/Header/GlassyBackdrop.tsx b/src/components/Layout/Header/GlassyBackdrop.tsx
index 3c43e04c00..64626ca270 100644
--- a/src/components/Layout/Header/GlassyBackdrop.tsx
+++ b/src/components/Layout/Header/GlassyBackdrop.tsx
@@ -9,5 +9,7 @@ import {atoms as a, useTheme} from '#/alf'
  */
 export function GlassyBackdrop() {
   const t = useTheme()
-  return <View style={[a.absolute, a.inset_0, t.atoms.bg]} />
+  return (
+    <View style={[a.absolute, a.inset_0, t.atoms.bg, a.pointer_events_none]} />
+  )
 }
diff --git a/src/components/Layout/Header/GlassyBackdrop.web.tsx b/src/components/Layout/Header/GlassyBackdrop.web.tsx
index 4c2bab12aa..4976823512 100644
--- a/src/components/Layout/Header/GlassyBackdrop.web.tsx
+++ b/src/components/Layout/Header/GlassyBackdrop.web.tsx
@@ -17,7 +17,15 @@ export function GlassyBackdrop() {
 
   return (
     <>
-      <View style={[a.absolute, a.inset_0, t.atoms.bg, {opacity: 0.9}]} />
+      <View
+        style={[
+          a.absolute,
+          a.inset_0,
+          t.atoms.bg,
+          a.pointer_events_none,
+          {opacity: 0.9},
+        ]}
+      />
       <View
         style={[
           a.absolute,