From d4a30cdfd3c76660adf4d6a9dd04a779361b1546 Mon Sep 17 00:00:00 2001
From: thewrz <adam@wrzeski.net>
Date: Mon, 23 Feb 2026 15:34:22 -0800
Subject: [PATCH] fix: add CSS class to keyboard container to prevent
 KEYBOARD_DOM_CLASS_ERROR

simple-keyboard requires the DOM element passed to its constructor to
have at least one CSS class. The bare `<div ref={containerRef} />`
had none, causing an uncaught error that crashed the kiosk display.
---
 dashboard/app/e/[code]/display/components/KioskKeyboard.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/dashboard/app/e/[code]/display/components/KioskKeyboard.tsx b/dashboard/app/e/[code]/display/components/KioskKeyboard.tsx
index a387381..1f543c0 100644
--- a/dashboard/app/e/[code]/display/components/KioskKeyboard.tsx
+++ b/dashboard/app/e/[code]/display/components/KioskKeyboard.tsx
@@ -136,7 +136,7 @@ export function KioskKeyboard({
 
   return (
     <div className="kiosk-keyboard-wrapper">
-      <div ref={containerRef} />
+      <div ref={containerRef} className="kiosk-keyboard" />
     </div>
   );
 }