feat(anchor-positioning-composable): add attachment resizing observer (…

…#221)
pubg · Jun 19, 2024 · ad95018 · ad95018
1 parent 059d619
commit ad95018
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/packages/vlossom/src/composables/anchor-positioning-composable.ts b/packages/vlossom/src/composables/anchor-positioning-composable.ts
@@ -100,8 +100,14 @@ export function usePositioning(anchor: Ref<HTMLElement>, attachment: Ref<HTMLEle
                 computePosition(attachInfo);
 
                 throttledComputePosition = utils.function.throttle(computePosition.bind(null, attachInfo), 30);
-                resizeObserver = new ResizeObserver(throttledComputePosition);
-                resizeObserver.observe(anchor.value);
+
+                const hasResizeObserver = window && window.ResizeObserver !== undefined;
+                if (hasResizeObserver) {
+                    resizeObserver = new ResizeObserver(throttledComputePosition);
+                    resizeObserver.observe(anchor.value);
+                    resizeObserver.observe(attachment.value);
+                }
+
                 document.addEventListener('scroll', throttledComputePosition, true);
                 window.addEventListener('resize', throttledComputePosition, true);
             } catch (error: any) {