fix: reset background color on close (#57)

Co-authored-by: Davis SHYAKA <87414827+davis-shyaka@users.noreply.github.com> Co-authored-by: Hunter Johnston <64506580+huntabyte@users.noreply.github.com>
huntabyte · Feb 23, 2024 · 1b808e3 · 1b808e3
1 parent 8793649
commit 1b808e3
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/.changeset/eleven-swans-swim.md b/.changeset/eleven-swans-swim.md
@@ -0,0 +1,5 @@
+---
+"vaul-svelte": patch
+---
+
+fix: reset background color on close
diff --git a/src/lib/internal/vaul.ts b/src/lib/internal/vaul.ts
@@ -482,6 +482,12 @@ export function createVaul(props: CreateVaulProps) {
 		const $direction = get(direction);
 
 		if (open) {
+			// setting original styles initially
+			set(document.body, {
+				background: document.body.style.backgroundColor || document.body.style.background,
+			});
+
+			// setting body styles, with cache ignored, so that we can get correct original styles in reset
 			set(
 				document.body,
 				{