#5139 - After pressing the Clear Canvas button in sequence-editing vi…

…ew, the Enter button does not start a new sequence but erases it (#6145) #4338 - After Undo/Redo actions Enter repeats these actions.
epam · Dec 13, 2024 · 892fe60 · 892fe60
1 parent ebb65a9
commit 892fe60
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/packages/ketcher-macromolecules/src/components/menu/menuItem/MenuItem.tsx b/packages/ketcher-macromolecules/src/components/menu/menuItem/MenuItem.tsx
@@ -17,6 +17,7 @@ import { type IconName } from 'ketcher-react';
 import { useMenuContext } from '../../../hooks/useMenuContext';
 import { useCallback } from 'react';
 import { StyledIconButton } from './styles';
+import { blurActiveElement } from 'helpers/canvas';
 
 type MenuItemProp = {
   itemId: IconName;
@@ -37,6 +38,8 @@ const MenuItem = ({
 
   const onClickCallback = useCallback(() => {
     activate(itemId);
+    blurActiveElement();
+
     if (onClick) {
       onClick();
     }

diff --git a/packages/ketcher-macromolecules/src/helpers/canvas.ts b/packages/ketcher-macromolecules/src/helpers/canvas.ts
@@ -0,0 +1,5 @@
+export function blurActiveElement() {
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+  // @ts-ignore
+  document.activeElement?.blur();
+}