Merge pull request xch-dev#658 from xch-dev/fix-webkit-backdrop-sidebar

Rigidity · web-flow · commit 15e444273c83 · 2025-09-13T16:50:25.000-04:00
Fix Webkit Backdrop Filter on Sidebar
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
@@ -109,6 +109,8 @@ export default function Header(
                     borderRight: '1px solid var(--sidebar-border)',
                     background: 'var(--sidebar-background)',
                     backdropFilter: 'var(--sidebar-backdrop-filter)',
+                    WebkitBackdropFilter:
+                      'var(--sidebar-backdrop-filter-webkit)',
                   }
                 : {}
             }
diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
@@ -99,6 +99,7 @@ export function FullLayout(props: LayoutProps) {
                   borderRight: '1px solid var(--sidebar-border)',
                   background: 'var(--sidebar-background)',
                   backdropFilter: 'var(--sidebar-backdrop-filter)',
+                  WebkitBackdropFilter: 'var(--sidebar-backdrop-filter-webkit)',
                 }
               : {}
           }

Original file line number	Diff line number	Diff line change
`@@ -109,6 +109,8 @@ export default function Header(`
`109`	`109`	`borderRight: '1px solid var(--sidebar-border)',`
`110`	`110`	`background: 'var(--sidebar-background)',`
`111`	`111`	`backdropFilter: 'var(--sidebar-backdrop-filter)',`
	`112`	`+ WebkitBackdropFilter:`
	`113`	`+ 'var(--sidebar-backdrop-filter-webkit)',`
`112`	`114`	`}`
`113`	`115`	`: {}`
`114`	`116`	`}`
Original file line number	Diff line number	Diff line change
`@@ -99,6 +99,7 @@ export function FullLayout(props: LayoutProps) {`
`99`	`99`	`borderRight: '1px solid var(--sidebar-border)',`
`100`	`100`	`background: 'var(--sidebar-background)',`
`101`	`101`	`backdropFilter: 'var(--sidebar-backdrop-filter)',`
	`102`	`+ WebkitBackdropFilter: 'var(--sidebar-backdrop-filter-webkit)',`
`102`	`103`	`}`
`103`	`104`	`: {}`
`104`	`105`	`}`