fix: label creation

makeplane · Dec 24, 2024 · 95736d6 · 95736d6
1 parent ea78c2b
commit 95736d6
Showing 1 changed file with 7 additions and 4 deletions.
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
@@ -183,9 +183,12 @@ export const IssueLabelSelect: React.FC<IIssueLabelSelect> = observer((props) =>
               ) : submitting ? (
                 <Loader className="spin  h-3.5 w-3.5" />
               ) : canCreateLabel ? (
-                <p
-                  onClick={() => {
-                    if(!query.length) return
+                <Combobox.Option
+                  value={query}
+                  onClick={(e) => {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    if (!query.length) return;
                     handleAddLabel(query);
                   }}
                   className={`text-left text-custom-text-200 ${query.length ? "cursor-pointer" : "cursor-default"}`}
@@ -197,7 +200,7 @@ export const IssueLabelSelect: React.FC<IIssueLabelSelect> = observer((props) =>
                   ) : (
                     "Type to add a new label"
                   )}
-                </p>
+                </Combobox.Option>
               ) : (
                 <p className="text-left text-custom-text-200 ">No matching results.</p>
               )}