fix disabled button click (#11617)

## Description 📝
Fix clicking disabled delete button also collapsing/expanding the accordion. No changeset needed as this hasn't been released yet

## Target release date 🗓️
2/11/15

## How to test 🧪

### Prerequisites

(How to setup test environment)

- Have a LKE or LKE-E cluster set up with 1 node pool

### Verification steps

(How to verify changes)

- [ ] Go to a LKE or LKE-E cluster with only 1 node pool
- [ ] Click on the disabled delete pool button. The accordion should stay as is and not expand or collapse from the click

packages/manager/cypress/e2e/core/kubernetes/lke-update.spec.ts

@@ -1614,20 +1614,41 @@ describe('LKE cluster updates', () => {
     const mockCluster = kubernetesClusterFactory.build({
       k8s_version: latestKubernetesVersion,
     });
+    const mockSingleNodePool = mockNodePools[0];
     mockGetCluster(mockCluster).as('getCluster');
-    mockGetClusterPools(mockCluster.id, mockNodePools).as('getNodePools');
+    mockGetClusterPools(mockCluster.id, [mockSingleNodePool]).as(
+      'getNodePools'
+    );
 
     cy.visitWithLogin(`/kubernetes/clusters/${mockCluster.id}`);
     cy.wait(['@getCluster', '@getNodePools']);
 
-    cy.get(`[data-qa-node-pool-id="${mockNodePools[0].id}"]`).within(() => {
+    cy.get(`[data-qa-node-pool-id="${mockSingleNodePool.id}"]`).within(() => {
       // Accordion should be expanded by default
       cy.get(`[data-qa-panel-summary]`).should(
         'have.attr',
         'aria-expanded',
         'true'
       );
 
+      // Click on a disabled button
+      cy.get('[data-testid="node-pool-actions"]')
+        .should('be.visible')
+        .within(() => {
+          ui.button
+            .findByTitle('Delete Pool')
+            .should('be.visible')
+            .should('be.disabled')
+            .click();
+        });
+
+      // Check that the accordion is still expanded
+      cy.get(`[data-qa-panel-summary]`).should(
+        'have.attr',
+        'aria-expanded',
+        'true'
+      );
+
       // Click on an action button
       cy.get('[data-testid="node-pool-actions"]')
         .should('be.visible')
@@ -1652,7 +1673,7 @@ describe('LKE cluster updates', () => {
           .click();
       });
 
-    cy.get(`[data-qa-node-pool-id="${mockNodePools[0].id}"]`).within(() => {
+    cy.get(`[data-qa-node-pool-id="${mockSingleNodePool.id}"]`).within(() => {
       // Check that the accordion is still expanded
       cy.get(`[data-qa-panel-summary]`).should(
         'have.attr',

packages/manager/src/components/ActionMenu/ActionMenu.tsx

@@ -147,6 +147,9 @@ export const ActionMenu = React.memo((props: ActionMenuProps) => {
                 handleClose(e);
                 a.onClick();
               }
+              if (stopClickPropagation) {
+                e.stopPropagation();
+              }
             }}
             data-qa-action-menu-item={a.title}
             data-testid={a.title}

packages/manager/src/features/Kubernetes/KubernetesClusterDetail/NodePoolsDisplay/NodePool.tsx

@@ -188,6 +188,7 @@ export const NodePool = (props: Props) => {
                 disableFocusListener={!isOnlyNodePool}
                 disableHoverListener={!isOnlyNodePool}
                 disableTouchListener={!isOnlyNodePool}
+                onClick={(e) => e.stopPropagation()}
                 title="Clusters must contain at least one node pool."
               >
                 <div>