Ensure clicking on suggestions doesn't close the item form

mgmeyers · Apr 21, 2024 · a9ccbec · a9ccbec
1 parent 7f02b52
commit a9ccbec
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/Item/ItemForm.tsx b/src/components/Item/ItemForm.tsx
@@ -22,7 +22,7 @@ export function ItemForm({ addItems, editState, setEditState, hideButton }: Item
 
   const clear = () => setEditState(EditingState.cancel);
   const clickOutsideRef = useOnclickOutside(clear, {
-    ignoreClass: [c('ignore-click-outside'), 'mobile-toolbar'],
+    ignoreClass: [c('ignore-click-outside'), 'mobile-toolbar', 'suggestion-container'],
   });
 
   const createItem = async (title: string) => {

diff --git a/src/components/Lane/LaneForm.tsx b/src/components/Lane/LaneForm.tsx
@@ -19,7 +19,7 @@ export function LaneForm({ onNewLane, closeLaneForm }: LaneFormProps) {
   const editorRef = useRef<EditorView>();
   const inputRef = useRef<HTMLTextAreaElement>();
   const clickOutsideRef = useOnclickOutside(() => closeLaneForm(), {
-    ignoreClass: c('ignore-click-outside'),
+    ignoreClass: [c('ignore-click-outside'), 'mobile-toolbar', 'suggestion-container'],
   });
 
   const { boardModifiers, stateManager } = useContext(KanbanContext);