fix(optimizer): remove backdrop-filter from vite-error-overlay for perf (#7676)

intellix · web-flow · commit da5a118751b5 · 2025-06-18T21:48:39.000+02:00
diff --git a/.changeset/fancy-nights-chew.md b/.changeset/fancy-nights-chew.md
@@ -0,0 +1,5 @@
+---
+'@builder.io/qwik': patch
+---
+
+Removed backdrop-filter of vite-error-overlay to prevent perf issues with multiple errors
diff --git a/packages/qwik/src/optimizer/src/plugins/vite-error.ts b/packages/qwik/src/optimizer/src/plugins/vite-error.ts
@@ -19,7 +19,6 @@ vite-error-overlay {
 
 vite-error-overlay::part(backdrop) {
   background: rgb(2 11 17 / 60%);
-  backdrop-filter: blur(20px) brightness(0.4) saturate(3);
 }
 
 vite-error-overlay::part(window) {

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +'@builder.io/qwik': patch
 +---
++
 +Removed backdrop-filter of vite-error-overlay to prevent perf issues with multiple errors
Original file line number	Diff line number	Diff line change
`@@ -19,7 +19,6 @@ vite-error-overlay {`
`19`	`19`
`20`	`20`	`vite-error-overlay::part(backdrop) {`
`21`	`21`	`background: rgb(2 11 17 / 60%);`
`22`		`- backdrop-filter: blur(20px) brightness(0.4) saturate(3);`
`23`	`22`	`}`
`24`	`23`
`25`	`24`	`vite-error-overlay::part(window) {`