fix(ui): disable doc submenu when parent button is disabled (#9750)

payloadcms · Dec 5, 2024 · 1ab3be6 · 1ab3be6
1 parent de53f2a
commit 1ab3be6
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 0 deletions.
diff --git a/packages/ui/src/elements/Button/index.tsx b/packages/ui/src/elements/Button/index.tsx
@@ -183,6 +183,7 @@ export const Button = forwardRef<HTMLAnchorElement | HTMLButtonElement, Props>((
           button={<ChevronIcon />}
           buttonSize={size}
           className={disabled ? `${baseClass}--popup-disabled` : ''}
+          disabled={disabled}
           horizontalAlign="right"
           noBackground
           render={({ close }) => SubMenuPopupContent({ close: () => close() })}

diff --git a/packages/ui/src/elements/Popup/PopupTrigger/index.scss b/packages/ui/src/elements/Popup/PopupTrigger/index.scss
@@ -27,5 +27,9 @@
     &--size-large {
       padding: base(0.8);
     }
+
+    &--disabled {
+      cursor: not-allowed;
+    }
   }
 }
diff --git a/packages/ui/src/elements/Popup/PopupTrigger/index.tsx b/packages/ui/src/elements/Popup/PopupTrigger/index.tsx
@@ -25,6 +25,7 @@ export const PopupTrigger: React.FC<PopupTriggerProps> = (props) => {
     `${baseClass}--${buttonType}`,
     !noBackground && `${baseClass}--background`,
     size && `${baseClass}--size-${size}`,
+    disabled && `${baseClass}--disabled`,
   ]
     .filter(Boolean)
     .join(' ')