Fix #1276 by adding check for container size

microsoft · Jan 8, 2024 · 4dea2de · 4dea2de
1 parent 6567ef5
commit 4dea2de
Showing 1 changed file with 14 additions and 12 deletions.
diff --git a/src/Core/Components/Overflow/FluentOverflow.razor.js b/src/Core/Components/Overflow/FluentOverflow.razor.js
@@ -70,19 +70,21 @@ export function FluentOverflowResized(dotNetHelper, id, isHorizontal, querySelec
 
         itemsTotalSize += element.overflowSize;
 
-        // Add an attribute 'overflow'
-        if (itemsTotalSize > containerMaxSize) {
-            if (!isOverflow) {
-                element.setAttribute("overflow", "");
-                overflowChanged = true;
+        // Only check for overflow if the container has a size
+        if (containerMaxSize > 0) {
+            if (itemsTotalSize > containerMaxSize) {
+                // Add an attribute 'overflow'
+                if (!isOverflow) {
+                    element.setAttribute("overflow", "");
+                    overflowChanged = true;
+                }
             }
-        }
-
-        // Remove the attribute 'overflow'
-        else {
-            if (isOverflow) {
-                element.removeAttribute("overflow");
-                overflowChanged = true;
+            else {
+                // Remove the attribute 'overflow'
+                if (isOverflow) {
+                    element.removeAttribute("overflow");
+                    overflowChanged = true;
+                }
             }
         }