@norges-domstoler/dds-components 23.0.0 → 23.0.1

package/dist/index.d.mts

@@ -633,6 +633,7 @@ interface FloatingStyles {
 }
 interface UseFloatPosition {
     refs: UseFloatingReturn['refs'];
+    isPositioned: boolean;
     styles: {
         floating: FloatingStyles;
         arrow: {

package/dist/index.d.ts

@@ -633,6 +633,7 @@ interface FloatingStyles {
 }
 interface UseFloatPosition {
     refs: UseFloatingReturn['refs'];
+    isPositioned: boolean;
     styles: {
         floating: FloatingStyles;
         arrow: {

package/dist/index.js

@@ -642,7 +642,8 @@ var useFloatPosition = (arrowRef, options = {}) => {
     strategy,
     middlewareData,
     placement: actualPlacement,
-    refs
+    refs,
+    isPositioned
   } = (0, import_react_dom.useFloating)({
     placement,
     middleware,
@@ -650,6 +651,7 @@ var useFloatPosition = (arrowRef, options = {}) => {
   });
   return {
     refs,
+    isPositioned,
     styles: {
       floating: {
         position: strategy,
@@ -13101,7 +13103,11 @@ var Popover = ({
   ref,
   ...rest
 }) => {
-  const { refs, styles: positionStyles } = useFloatPosition(null, {
+  const {
+    refs,
+    styles: positionStyles,
+    isPositioned: localIsPositioned
+  } = useFloatPosition(null, {
     offset,
     placement
   });
@@ -13111,6 +13117,7 @@ var Popover = ({
   const portalTarget = parentElement != null ? parentElement : themeContext == null ? void 0 : themeContext.el;
   const {
     floatStyling: contextFloatStyling,
+    isPositioned: contextIsPositioned,
     setFloatOptions,
     floatingRef: contextFloatingRef,
     popoverId: contextPopoverId,
@@ -13128,28 +13135,31 @@ var Popover = ({
     isOpen = false,
     floatingRef,
     floatStyling,
-    onClose
+    onClose,
+    isPositioned = false
   ] = hasContext ? [
     contextPopoverId,
     contextAnchorEl,
     contextIsOpen,
     contextFloatingRef,
     contextFloatStyling,
-    contextOnClose
+    contextOnClose,
+    contextIsPositioned
   ] : [
     uniquePopoverId,
     (anchorRef == null ? void 0 : anchorRef.current) && anchorRef.current,
     propIsOpen,
     refs.setFloating,
     positionStyles.floating,
-    propOnClose
+    propOnClose,
+    localIsPositioned
   ];
   if (!hasContext) {
     refs.setReference(anchorEl || null);
   }
   const hasTransitionedIn = useMountTransition(isOpen, 400);
   const popoverRef = useReturnFocusOnBlur(
-    isOpen && hasTransitionedIn && returnFocusOnBlur,
+    isOpen && hasTransitionedIn && isPositioned && returnFocusOnBlur,
     () => {
       onClose == null ? void 0 : onClose();
       onBlur == null ? void 0 : onBlur();
@@ -13244,7 +13254,11 @@ var PopoverGroup = ({
   const generatedId = (0, import_react80.useId)();
   const uniquePopoverId = popoverId != null ? popoverId : `${generatedId}-popover`;
   const [floatOptions, setFloatOptions] = (0, import_react80.useState)();
-  const { refs, styles: positionStyles } = useFloatPosition(null, floatOptions);
+  const {
+    refs,
+    styles: positionStyles,
+    isPositioned
+  } = useFloatPosition(null, floatOptions);
   const handleClose = () => {
     setOpen(false);
     onClose == null ? void 0 : onClose();
@@ -13293,6 +13307,7 @@ var PopoverGroup = ({
     {
       value: {
         floatStyling: positionStyles.floating,
+        isPositioned,
         setFloatOptions,
         floatingRef: combinedPopoverRef,
         popoverId: uniquePopoverId,