Fix: Allows user to hit Esc key to cancel Enhanced Editing (#272)

Authored-by: Emily Dodds <dodemily@amazon.com>
awslabs · Oct 11, 2022 · 9c1b9e6 · 9c1b9e6
1 parent 58b70bd
commit 9c1b9e6
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/...es/scene-composer/src/augmentations/components/three-fiber/viewpoint/ViewCursorWidget.tsx b/...es/scene-composer/src/augmentations/components/three-fiber/viewpoint/ViewCursorWidget.tsx
@@ -19,12 +19,12 @@ export const ViewCursorWidget = () => {
   const data = useLoader(SVGLoader, svg.dataUri);
 
   const esc = useCallback(() => {
-    gl.domElement.addEventListener('keyup', (e: KeyboardEvent) => {
+    window.addEventListener('keyup', (e: KeyboardEvent) => {
       if (e.key === 'Escape' && !!addingWidget) {
         setAddingWidget(undefined);
       }
     });
-    return gl.domElement?.removeEventListener('keyup', setAddingWidget as any);
+    return window.removeEventListener('keyup', setAddingWidget as any);
   }, [addingWidget]);
 
   const shape = useMemo(() => {