From bd60355942dc702fe098be26776ac37d56dea701 Mon Sep 17 00:00:00 2001
From: Johannes Millan <johannes.millan@gmail.com>
Date: Fri, 1 May 2026 20:45:34 +0200
Subject: [PATCH] fix(focus-mode): load overlay chunk immediately to avoid
 blank screen

The @defer block around <focus-mode-overlay> had no explicit trigger
and so defaulted to `on idle`. When isShowFocusOverlay() became true,
the @else branch hid the entire app container while requestIdleCallback
waited for browser idle to fetch the chunk. On a busy page (sync
flushes, store updates) this could take several seconds, leaving the
viewport blank and causing intermittent e2e timeouts on the focus-mode
specs.

Switch the trigger to `on immediate` so the chunk loads as soon as the
overlay is needed. The chunk stays in its own bundle.
---
 src/app/app.component.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/app.component.html b/src/app/app.component.html
index 6fb0b9d672..9477d9662c 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -27,7 +27,7 @@
 }
 <!-- -->
 @if (isShowFocusOverlay()) {
-  @defer {
+  @defer (on immediate) {
     <focus-mode-overlay @warp></focus-mode-overlay>
   }
 } @else {