diff --git a/src/components/blocks/TextInputBlock.tsx b/src/components/blocks/TextInputBlock.tsx index 25d0fc4..45028bf 100644 --- a/src/components/blocks/TextInputBlock.tsx +++ b/src/components/blocks/TextInputBlock.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import React, { useState, useRef } from 'react'; import styles from './TextInputBlock.module.css'; import { TextInputBlock as TextInputBlockType } from '../../types/blocks'; @@ -11,6 +11,7 @@ interface TextInputBlockProps { // eslint-disable-next-line @typescript-eslint/no-unused-vars const TextInputBlock: React.FC = ({ block, visible, onTextChange }) => { const [text, setText] = useState(''); + const textareaRef = useRef(null); const handleChange = (e: React.ChangeEvent) => { const newText = e.target.value; @@ -18,14 +19,33 @@ const TextInputBlock: React.FC = ({ block, visible, onTextC onTextChange?.(newText); }; + // Функция для сворачивания клавиатуры + const dismissKeyboard = () => { + if (textareaRef.current) { + textareaRef.current.blur(); + } + }; + + // Обработчик нажатия клавиш + const handleKeyDown = (e: React.KeyboardEvent) => { + // Если нажата клавиша Enter (или Done на iOS) + if (e.key === 'Enter' && !e.shiftKey) { + e.preventDefault(); // Предотвращаем добавление новой строки + dismissKeyboard(); // Сворачиваем клавиатуру + } + }; + return (