item actions menu fix

dzonidoo · Jan 15, 2025 · ab5c9c6 · ab5c9c6
1 parent ec7dba0
commit ab5c9c6
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/scripts/apps/authoring-react/subcomponents/authoring-actions-menu.tsx b/scripts/apps/authoring-react/subcomponents/authoring-actions-menu.tsx
@@ -59,11 +59,18 @@ export class AuthoringActionsMenu extends React.PureComponent<IProps, IState> {
 
             return (
                 <div>
-                    <Menu items={menuItems}>
+                    <Menu items={menuItems} data-test-id='actions-list'>
                         {(toggle) => (
                             <MoreActionsButton
                                 aria-label={gettext('Actions menu')}
                                 onClick={toggle}
+                                buttonRef={(el) => {
+                                    if (el != null) {
+                                        setTimeout(() => {
+                                            el.click();
+                                        });
+                                    }
+                                }}
                             />
                         )}
                     </Menu>

diff --git a/scripts/core/ui/components/MoreActionsButton.tsx b/scripts/core/ui/components/MoreActionsButton.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
 
 interface IProps {
     'aria-label': string;
-    ref?(event): void;
+    buttonRef?(event): void;
     onClick(event: React.MouseEvent): void;
 }
 
@@ -12,7 +12,7 @@ export class MoreActionsButton extends React.PureComponent<IProps> {
             <button
                 className="sd-navbtn"
                 aria-label={this.props['aria-label']}
-                ref={this.props.ref}
+                ref={this.props.buttonRef}
                 onClick={this.props.onClick}
             >
                 <i className="icon-dots-vertical" />