[EuiPopover] Fix popover returning focus to correct element

src-docs/src/views/popover/popover.js

@@ -1,29 +1,34 @@
 import React, { useState } from 'react';
 
-import { EuiPopover, EuiButton, EuiText } from '../../../../src/components';
+import { EuiPopover, EuiButton } from '../../../../src/components';
 
 export default () => {
-  const [isPopoverOpen, setIsPopoverOpen] = useState(false);
-
-  const onButtonClick = () =>
-    setIsPopoverOpen((isPopoverOpen) => !isPopoverOpen);
-  const closePopover = () => setIsPopoverOpen(false);
-
-  const button = (
-    <EuiButton iconType="arrowDown" iconSide="right" onClick={onButtonClick}>
-      Show popover
-    </EuiButton>
-  );
+  const [openPopover, setOpenPopover] = useState(null);
 
   return (
-    <EuiPopover
-      ownFocus
-      button={button}
-      isOpen={isPopoverOpen}
-      closePopover={closePopover}>
-      <EuiText style={{ width: 300 }}>
-        <p>Popover content that&rsquo;s wider than the default width</p>
-      </EuiText>
-    </EuiPopover>
+    <>
+      {[0, 1, 2, 3, 4].map((idx) => (
+        <div key={idx}>
+          <EuiPopover
+            anchorPosition="rightCenter"
+            ownFocus
+            button={
+              <EuiButton
+                data-idx={idx}
+                iconType="arrowDown"
+                iconSide="right"
+                onClick={() => setOpenPopover(idx)}>
+                Show popover
+              </EuiButton>
+            }
+            isOpen={openPopover === idx}
+            closePopover={() => setOpenPopover(null)}>
+            <div style={{ width: '300px' }}>
+              Popover content that&rsquo;s wider than the default width
+            </div>
+          </EuiPopover>
+        </div>
+      ))}
+    </>
   );
 };

src/components/basic_table/__snapshots__/in_memory_table.test.tsx.snap

@@ -359,7 +359,6 @@ exports[`EuiInMemoryTable behavior pagination 1`] = `
                       panelPaddingSize="none"
                     >
                       <EuiOutsideClickDetector
-                        isDisabled={true}
                         onOutsideClick={[Function]}
                       >
                         <div