diff --git a/app/components/Textarea.tsx b/app/components/Textarea.tsx index 891dcb2c76..f3ffdd97e7 100644 --- a/app/components/Textarea.tsx +++ b/app/components/Textarea.tsx @@ -2,7 +2,11 @@ import { TextareaHTMLAttributes } from "react"; import { twMerge } from "tailwind-merge"; import { Label } from "./Typography"; import { kebabCase } from "~/utilities"; -import { disableHotkeyInput,enableHotkeyInput,DomLevels } from "~/pages/PageEnigma/store"; +import { + disableHotkeyInput, + enableHotkeyInput, + DomLevels, +} from "~/pages/PageEnigma/store"; type ResizeType = | "none" @@ -39,13 +43,14 @@ export const Textarea = ({ resize: resize, }} onFocus={(e) => { - disableHotkeyInput(DomLevels.INPUT) + disableHotkeyInput(DomLevels.INPUT); e.currentTarget.style.outlineColor = "#e66462"; }} onBlur={(e) => { - enableHotkeyInput(DomLevels.INPUT) + enableHotkeyInput(DomLevels.INPUT); e.currentTarget.style.outlineColor = "transparent"; }} + onKeyDown={(event) => event.stopPropagation()} {...rest} /> diff --git a/app/pages/PageEnigma/comps/Timeline/Timeline.tsx b/app/pages/PageEnigma/comps/Timeline/Timeline.tsx index 42ea3db771..935f7391f5 100644 --- a/app/pages/PageEnigma/comps/Timeline/Timeline.tsx +++ b/app/pages/PageEnigma/comps/Timeline/Timeline.tsx @@ -89,7 +89,7 @@ export const Timeline = () => { document.addEventListener("keydown", onDeleteAsk); return () => { - document.addEventListener("keydown", onDeleteAsk); + document.removeEventListener("keydown", onDeleteAsk); }; }, [onDeleteAsk]);