From ec1169e07b8080fe5b472e50e31c4480acbe23f4 Mon Sep 17 00:00:00 2001
From: Matt Walsh <github@netbymatt.com>
Date: Wed, 8 Apr 2026 09:24:54 -0500
Subject: [PATCH] redraw on entering/leaving enhanced close #198

---
 server/scripts/modules/navigation.mjs | 5 +++++
 server/scripts/modules/settings.mjs   | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/server/scripts/modules/navigation.mjs b/server/scripts/modules/navigation.mjs
index 5fcad9a..33fc6b0 100644
--- a/server/scripts/modules/navigation.mjs
+++ b/server/scripts/modules/navigation.mjs
@@ -37,6 +37,11 @@ const init = async () => {
 		resizeTimeout = setTimeout(() => resize(), 100);
 	});
 
+	// redraw current screen (typically from enhanced setting change)
+	window.addEventListener('redraw', () => {
+		currentDisplay()?.drawCanvas();
+	});
+
 	// Handle orientation changes (Mobile Safari doesn't always fire resize events on orientation change)
 	window.addEventListener('orientationchange', () => {
 		if (debugFlag('resize')) {
diff --git a/server/scripts/modules/settings.mjs b/server/scripts/modules/settings.mjs
index 45f4437..c6fee34 100644
--- a/server/scripts/modules/settings.mjs
+++ b/server/scripts/modules/settings.mjs
@@ -48,7 +48,7 @@ const enhancedScreenChange = (value) => {
 		container.classList.remove('enhanced');
 	}
 	// Trigger resize to recalculate scaling for new width
-	window.dispatchEvent(new Event('resize'));
+	window.dispatchEvent(new Event('redraw'));
 };
 
 const kioskChange = (value) => {