diff --git a/src/components/services/widget/container.jsx b/src/components/services/widget/container.jsx index b2f52a39..d7f586f8 100644 --- a/src/components/services/widget/container.jsx +++ b/src/components/services/widget/container.jsx @@ -49,7 +49,8 @@ export default function Container({ error = false, children, service }) { useEffect(() => { const resizeObserver = new ResizeObserver((entries) => { - for (let entry of entries) { + for (let i = 0; i < entries.length; i += 1) { + const entry = entries[i]; const { width } = entry.contentRect; const remSize = parseFloat(getComputedStyle(document.documentElement).fontSize); @@ -58,10 +59,10 @@ export default function Container({ error = false, children, service }) { if (numberOfChildren > 1 && remWidth > 12) { if (numberOfChildren <= maxChildrenFit) return setChildrensToSlice(0); - const childrensToSlice = remWidth / 6 > 1 ? parseInt(numberOfChildren / maxChildrenFit) : 0; - setChildrensToSlice(childrensToSlice); + setChildrensToSlice(remWidth / 6 > 1 ? parseInt(numberOfChildren / maxChildrenFit, 10) : 0); } } + return true; }); if (containerRef.current) { @@ -71,7 +72,7 @@ export default function Container({ error = false, children, service }) { return () => { resizeObserver.disconnect(); }; - }, []); + }, [numberOfChildren]); if (error) { if (settings.hideErrors || service.widget.hide_errors) { @@ -86,9 +87,7 @@ export default function Container({ error = false, children, service }) {
{childrensTopRows} {childrensToSlice > 0 && ( -
+
{childrensBottomRows}
)}