add stop-propogation

.dockerignore

@@ -15,12 +15,5 @@ npm-debug.log*
 .idea
 .DS_Store
 
-# Frontend source (not needed — only public/ticket-widget.js is served)
-src/
-index.html
-package.json
-package-lock.json
+# Frontend artifacts not needed in final image (but included for build stage)
 .npmrc
-tsconfig*.json
-vite.config.ts
-eslint.config.js

Dockerfile

@@ -1,4 +1,13 @@
-# Stage 1: Backend
+# Stage 1: Build the widget
+FROM node:20-alpine AS build
+
+WORKDIR /app
+COPY package*.json ./
+RUN npm install
+COPY . .
+RUN npm run build
+
+# Stage 2: Backend + Frontend
 FROM node:20-alpine
 
 # Install nginx to serve the static frontend
@@ -7,8 +16,8 @@ RUN apk add --no-cache nginx
 # Copy nginx config
 COPY nginx.conf /etc/nginx/nginx.conf
 
-# Copy static frontend (ticket-widget.js)
-COPY public/ /usr/share/nginx/html/
+# Copy built widget from build stage
+COPY --from=build /app/dist/ /usr/share/nginx/html/
 
 # Setup backend
 WORKDIR /app/server

src/widget.tsx

@@ -88,6 +88,13 @@ function ensureMounted() {
   const mountPoint = document.createElement("div");
   shadowRoot.appendChild(mountPoint);
 
+  // Stop keyboard events from propagating to the host app so its global
+  // shortcut listeners (e.g. "g h" → Go Home) don't fire while the user
+  // is typing inside the widget (DS-1707).
+  (["keydown", "keyup", "keypress"] as const).forEach((eventType) => {
+    container!.addEventListener(eventType, (e) => e.stopPropagation(), true);
+  });
+
   document.body.appendChild(container);
 
   root = ReactDOM.createRoot(mountPoint);