fix: Ignore Enter pressed during IME composition in input fields

Closes #1703
This commit is contained in:
babu-ch
2026-07-03 20:54:52 +09:00
parent 856768c45e
commit 9f18028337
11 changed files with 200 additions and 3 deletions
@@ -9,6 +9,7 @@ import { useDidUpdate, usePrevious, useToggle } from '../../../lib/hooks';
import { Input } from '../../../lib/custom-ui';
import { useEscapeInterceptor, useField, useNestedRef } from '../../../hooks';
import { isComposing } from '../../../utils/event-helpers';
import styles from './ValueField.module.scss';
@@ -35,6 +36,10 @@ const ValueField = React.memo(({ defaultValue, onUpdate, ...props }) => {
const handleKeyDown = useCallback(
(event) => {
if (isComposing(event)) {
return;
}
if (event.key === 'Enter') {
event.preventDefault();
fieldRef.current.blur();