TPP-849 improve accessibility of popover (#321)

lib/components/Popover/index.js

@@ -1,4 +1,4 @@
-import React, { cloneElement, useEffect, useState } from "react";
+import React, { cloneElement, useState } from "react";
 import {
   useFloating,
   autoUpdate,
@@ -337,27 +337,6 @@ export default function Popover({
       ? direction
       : context.placement;
 
-  useEffect(() => {
-    // Following code disables the tabbing of elements for popovers when it is not open.
-    const floatingEl = context?.refs?.floating?.current;
-
-    if (!floatingEl) return;
-
-    const childrenAnchors = Array.from(floatingEl.getElementsByTagName?.("a"));
-
-    if (!childrenAnchors.length) return;
-
-    if (visible) {
-      childrenAnchors.forEach((anchor) => {
-        anchor.tabIndex = "";
-      });
-    } else {
-      childrenAnchors.forEach((anchor) => {
-        anchor.tabIndex = "-1";
-      });
-    }
-  }, [visible, context]);
-
   const Popover = (
     <StyledPopover
       textAlign={textAlign}
@@ -386,11 +365,7 @@ export default function Popover({
             root={getFloatingUiRootElement(context.refs.reference)}
             preserveTabOrder={true}
           >
-            <FloatingFocusManager
-              initialFocus={context.refs?.reference}
-              context={context}
-              modal={false}
-            >
+            <FloatingFocusManager context={context} modal={false}>
               {Popover}
             </FloatingFocusManager>
           </FloatingPortal>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "orcs-design-system",
-  "version": "3.2.26",
+  "version": "3.2.27",
   "engines": {
     "node": "20.12.2"
   },