@sledge-app/react-instant-search 2.0.9 → 2.0.10

package/dist/sledge-react-instant-search.js

@@ -692,14 +692,18 @@ const Popover = ({
   alignOffset = 0
 }) => {
   const [open, setOpen] = React__default.useState(withOpenState ? isOpen : false);
-  React__default.useEffect(() => {
-    var _a;
-    let arrowElement = (_a = document == null ? void 0 : document.querySelector(".PopoverArrow")) == null ? void 0 : _a.parentElement;
+  const popoverContentRef = React__default.useRef(null);
+  const handleCustomArrow = () => {
+    var _a, _b;
+    const popoverContentRefCurrent = popoverContentRef == null ? void 0 : popoverContentRef.current;
+    if (!popoverContentRefCurrent)
+      return;
+    let arrowElement = (_b = (_a = popoverContentRefCurrent == null ? void 0 : popoverContentRefCurrent.querySelector) == null ? void 0 : _a.call(popoverContentRefCurrent, ".PopoverArrow")) == null ? void 0 : _b.parentElement;
     if (arrowElement && (customArrow == null ? void 0 : customArrow.length)) {
       arrowElement.style.display = "inline-flex";
       arrowElement.innerHTML = customArrow;
     }
-  }, [open]);
+  };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     $cb5cc270b50c6fcd$export$be92b6f5f03c0fe9,
     {
@@ -721,8 +725,12 @@ const Popover = ({
             sideOffset,
             alignOffset,
             align,
+            ref: popoverContentRef,
             ...setIsOpen && {
-              onOpenAutoFocus: () => setIsOpen(true),
+              onOpenAutoFocus: () => {
+                setIsOpen(true);
+                handleCustomArrow();
+              },
               onCloseAutoFocus: () => setIsOpen(false)
             },
             children: [