From 39b9b6504e50adda5f439e4d36abfca8b7adf97c Mon Sep 17 00:00:00 2001 From: Simon Tran Date: Wed, 26 Nov 2025 15:18:48 -0800 Subject: [PATCH] fix: guard against empty ResizeObserver size arrays prevents TypeError when `contentBoxSize` or `borderBoxSize` arrays are empty in certain browser implementation or edge cases. --- src/internal/container-queries/use-resize-observer.ts | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/src/internal/container-queries/use-resize-observer.ts b/src/internal/container-queries/use-resize-observer.ts index 4709178..99fe2e8 100644 --- a/src/internal/container-queries/use-resize-observer.ts +++ b/src/internal/container-queries/use-resize-observer.ts @@ -74,10 +74,10 @@ export function useResizeObserver(elementRef: ElementReference, onObserve: (entr function convertResizeObserverEntry(entry: ResizeObserverEntry): ContainerQueryEntry { return { target: entry.target, - contentBoxWidth: entry.contentBoxSize[0].inlineSize, - contentBoxHeight: entry.contentBoxSize[0].blockSize, - borderBoxWidth: entry.borderBoxSize[0].inlineSize, - borderBoxHeight: entry.borderBoxSize[0].blockSize, + contentBoxWidth: entry.contentBoxSize[0]?.inlineSize || 0, + contentBoxHeight: entry.contentBoxSize[0]?.blockSize || 0, + borderBoxWidth: entry.borderBoxSize[0]?.inlineSize || 0, + borderBoxHeight: entry.borderBoxSize[0]?.blockSize || 0, }; }