diff --git a/packages/ui/src/hooks/use-dropdown-key-down.tsx b/packages/ui/src/hooks/use-dropdown-key-down.tsx index b93a4d551..2dfe6532e 100644 --- a/packages/ui/src/hooks/use-dropdown-key-down.tsx +++ b/packages/ui/src/hooks/use-dropdown-key-down.tsx @@ -12,7 +12,7 @@ type TUseDropdownKeyDown = { export const useDropdownKeyDown: TUseDropdownKeyDown = (onOpen, onClose, isOpen, selectActiveItem?) => { const handleKeyDown = useCallback( (event: React.KeyboardEvent) => { - if (event.key === "Enter") { + if (event.key === "Enter" && !event.nativeEvent.isComposing) { if (!isOpen) { event.stopPropagation(); onOpen(); diff --git a/web/core/components/issues/issue-detail/label/select/label-select.tsx b/web/core/components/issues/issue-detail/label/select/label-select.tsx index e89cd45fc..8fc4829bc 100644 --- a/web/core/components/issues/issue-detail/label/select/label-select.tsx +++ b/web/core/components/issues/issue-detail/label/select/label-select.tsx @@ -99,7 +99,7 @@ export const IssueLabelSelect: React.FC = observer((props) => setQuery(""); } - if (query !== "" && e.key === "Enter" && canCreateLabel) { + if (query !== "" && e.key === "Enter" && !e.nativeEvent.isComposing && canCreateLabel) { e.stopPropagation(); e.preventDefault(); await handleAddLabel(query); diff --git a/web/core/components/issues/issue-layouts/properties/label-dropdown.tsx b/web/core/components/issues/issue-layouts/properties/label-dropdown.tsx index 54edb6935..931d0f30c 100644 --- a/web/core/components/issues/issue-layouts/properties/label-dropdown.tsx +++ b/web/core/components/issues/issue-layouts/properties/label-dropdown.tsx @@ -158,7 +158,7 @@ export const LabelDropdown = (props: ILabelDropdownProps) => { setQuery(""); } - if (query !== "" && e.key === "Enter" && canCreateLabel) { + if (query !== "" && e.key === "Enter" && !e.nativeEvent.isComposing && canCreateLabel) { e.preventDefault(); await handleAddLabel(query); } diff --git a/web/core/hooks/use-dropdown-key-down.tsx b/web/core/hooks/use-dropdown-key-down.tsx index cc69906ce..fdb925dc2 100644 --- a/web/core/hooks/use-dropdown-key-down.tsx +++ b/web/core/hooks/use-dropdown-key-down.tsx @@ -21,7 +21,7 @@ export const useDropdownKeyDown: TUseDropdownKeyDown = (onEnterKeyDown, onEscKey const handleKeyDown = useCallback( (event: React.KeyboardEvent) => { - if (event.key === "Enter") { + if (event.key === "Enter" && !event.nativeEvent.isComposing) { stopEventPropagation(event); onEnterKeyDown(); } else if (event.key === "Escape") {