[EuiCard] Harden Click Event Criteria to Prevent Duplicate onClick Events

src/components/card/card.test.tsx

@@ -138,6 +138,19 @@ describe('EuiCard', () => {
         component.find('button').simulate('click');
         expect(handler.mock.calls.length).toEqual(1);
       });
+
+      it('should only call onClick once when title is a React node', () => {
+        const handler = jest.fn();
+        const component = mount(
+          <EuiCard
+            title={<span>Hoi</span>}
+            description="There"
+            onClick={handler}
+          />
+        );
+        component.find('button').simulate('click');
+        expect(handler.mock.calls.length).toEqual(1);
+      });
     });
 
     test('titleElement', () => {

src/components/card/card.tsx

@@ -193,7 +193,7 @@ export const EuiCard: FunctionComponent<EuiCardProps> = ({
    */
   let link: HTMLAnchorElement | HTMLButtonElement | null = null;
   const outerOnClick = (e: React.MouseEvent<HTMLDivElement>) => {
-    if (link && link !== e.target) {
+    if (link && link !== e.target && !link.contains(e.target as Node)) {
       link.click();
     }
   };

upcoming_changelogs/6551.md

@@ -0,0 +1,3 @@
+**Bug fixes**
+
+- Fixed `EuiCard` to ensure `onClick` method only runs once when `title` contains a React node