fix keyboard modal

Lemoncode · Sep 22, 2024 · 3e00011 · 3e00011
1 parent e817b6f
commit 3e00011
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/src/pods/properties/components/icon-selector/modal/icon-modal.tsx b/src/pods/properties/components/icon-selector/modal/icon-modal.tsx
@@ -5,6 +5,8 @@ import { useIconModal } from './use-icon-modal.hook';
 import { IconModalSearchBar } from './components/searchbar.component';
 import { IconModalCategories } from './components/categories.component';
 import { IconList } from './components/icon-list.component';
+import { useEffect } from 'react';
+import { useCanvasContext } from '@/core/providers';
 
 interface IconModalProps {
   actualIcon: IconInfo;
@@ -13,6 +15,7 @@ interface IconModalProps {
 
 export const IconModal: React.FC<IconModalProps> = props => {
   const { actualIcon, onChange } = props;
+  const { setIsInlineEditing } = useCanvasContext();
   const { closeModal } = useModalDialogContext();
 
   const {
@@ -33,6 +36,14 @@ export const IconModal: React.FC<IconModalProps> = props => {
     closeModal();
   };
 
+  useEffect(() => {
+    setIsInlineEditing(true);
+
+    return () => {
+      setIsInlineEditing(false);
+    };
+  }, []);
+
   return (
     <div className={classes.container}>
       <h2 className={classes.title}>Choose your icon</h2>