fix: FrostedGlass parent container position relative

hmerritt · Feb 10, 2024 · 41fc5d8 · 41fc5d8
1 parent d89e971
commit 41fc5d8
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/view/components/experimental/FrostedGlass.tsx b/src/view/components/experimental/FrostedGlass.tsx
@@ -57,7 +57,7 @@ export const FrostedGlass: React.FC<FrostedGlassProps> = ({
 	}, [reactToWindowResize, calculatePaneCount]);
 
 	return (
-		<div ref={$div} {...divProps} className={className}>
+		<div ref={$div} {...divProps} className={cx(frostedGlass, className)}>
 			{children}
 
 			<div className={cx(paneContainer, paneDirection)}>
@@ -69,6 +69,10 @@ export const FrostedGlass: React.FC<FrostedGlassProps> = ({
 	);
 };
 
+const frostedGlass = css`
+	position: relative;
+`;
+
 const paneContainer = css`
 	position: absolute;
 	z-index: -1;