diff --git a/front/src/modules/ui/input/components/TextArea.tsx b/front/src/modules/ui/input/components/TextArea.tsx index 14a6244d9..aab39b97b 100644 --- a/front/src/modules/ui/input/components/TextArea.tsx +++ b/front/src/modules/ui/input/components/TextArea.tsx @@ -1,6 +1,11 @@ +import { FocusEventHandler } from 'react'; import TextareaAutosize from 'react-textarea-autosize'; import styled from '@emotion/styled'; +import { usePreviousHotkeyScope } from '@/ui/utilities/hotkey/hooks/usePreviousHotkeyScope'; + +import { InputHotkeyScope } from '../types/InputHotkeyScope'; + const MAX_ROWS = 5; export type TextAreaProps = { @@ -50,6 +55,19 @@ export const TextArea = ({ }: TextAreaProps) => { const computedMinRows = Math.min(minRows, MAX_ROWS); + const { + goBackToPreviousHotkeyScope, + setHotkeyScopeAndMemorizePreviousScope, + } = usePreviousHotkeyScope(); + + const handleFocus: FocusEventHandler = () => { + setHotkeyScopeAndMemorizePreviousScope(InputHotkeyScope.TextInput); + }; + + const handleBlur: FocusEventHandler = () => { + goBackToPreviousHotkeyScope(); + }; + return ( onChange?.(event.target.value)} + onFocus={handleFocus} + onBlur={handleBlur} disabled={disabled} /> );