selection

frontend/src/ui/QuickAddMenu.jsx

@@ -40,6 +40,9 @@ const QuickAddMenu = ({
   menuMinWidth = 220,
   triggerClassName = 'icon-button quick-add__trigger',
   triggerContent = null,
+  disabled = false,
+  align = 'start',
+  positionStrategy = 'fixed',
 }) => {
   const anchorRef = useRef(null);
   const inputRef = useRef(null);
@@ -57,8 +60,16 @@ const QuickAddMenu = ({
     anchorRef,
     minWidth: menuMinWidth,
     matchAnchorWidth: false,
+    align,
+    positionStrategy,
   });
 
+  useEffect(() => {
+    if (disabled && isOpen) {
+      close();
+    }
+  }, [disabled, isOpen, close]);
+
   useEffect(() => {
     if (!isOpen) {
       return undefined;
@@ -145,6 +156,7 @@ const QuickAddMenu = ({
         onClick={toggle}
         aria-label={triggerAriaLabel}
         title={triggerTitle}
+        disabled={disabled}
       >
         {triggerContent ?? <PlusIcon />}
       </button>