fix: prevent prematurely triggered Japanese label creation (#7084)
This commit is contained in:
parent
d15d7549f7
commit
9965f48ba7
4 changed files with 4 additions and 4 deletions
|
|
@ -12,7 +12,7 @@ type TUseDropdownKeyDown = {
|
||||||
export const useDropdownKeyDown: TUseDropdownKeyDown = (onOpen, onClose, isOpen, selectActiveItem?) => {
|
export const useDropdownKeyDown: TUseDropdownKeyDown = (onOpen, onClose, isOpen, selectActiveItem?) => {
|
||||||
const handleKeyDown = useCallback(
|
const handleKeyDown = useCallback(
|
||||||
(event: React.KeyboardEvent<HTMLElement>) => {
|
(event: React.KeyboardEvent<HTMLElement>) => {
|
||||||
if (event.key === "Enter") {
|
if (event.key === "Enter" && !event.nativeEvent.isComposing) {
|
||||||
if (!isOpen) {
|
if (!isOpen) {
|
||||||
event.stopPropagation();
|
event.stopPropagation();
|
||||||
onOpen();
|
onOpen();
|
||||||
|
|
|
||||||
|
|
@ -99,7 +99,7 @@ export const IssueLabelSelect: React.FC<IIssueLabelSelect> = observer((props) =>
|
||||||
setQuery("");
|
setQuery("");
|
||||||
}
|
}
|
||||||
|
|
||||||
if (query !== "" && e.key === "Enter" && canCreateLabel) {
|
if (query !== "" && e.key === "Enter" && !e.nativeEvent.isComposing && canCreateLabel) {
|
||||||
e.stopPropagation();
|
e.stopPropagation();
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
await handleAddLabel(query);
|
await handleAddLabel(query);
|
||||||
|
|
|
||||||
|
|
@ -158,7 +158,7 @@ export const LabelDropdown = (props: ILabelDropdownProps) => {
|
||||||
setQuery("");
|
setQuery("");
|
||||||
}
|
}
|
||||||
|
|
||||||
if (query !== "" && e.key === "Enter" && canCreateLabel) {
|
if (query !== "" && e.key === "Enter" && !e.nativeEvent.isComposing && canCreateLabel) {
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
await handleAddLabel(query);
|
await handleAddLabel(query);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -21,7 +21,7 @@ export const useDropdownKeyDown: TUseDropdownKeyDown = (onEnterKeyDown, onEscKey
|
||||||
|
|
||||||
const handleKeyDown = useCallback(
|
const handleKeyDown = useCallback(
|
||||||
(event: React.KeyboardEvent<HTMLElement>) => {
|
(event: React.KeyboardEvent<HTMLElement>) => {
|
||||||
if (event.key === "Enter") {
|
if (event.key === "Enter" && !event.nativeEvent.isComposing) {
|
||||||
stopEventPropagation(event);
|
stopEventPropagation(event);
|
||||||
onEnterKeyDown();
|
onEnterKeyDown();
|
||||||
} else if (event.key === "Escape") {
|
} else if (event.key === "Escape") {
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue