LibWeb: Avoid division by zero with small aspect ratios

Author: https://github.com/tcl3
Commit: 5478361ba0
Pull-request: https://github.com/LadybirdBrowser/ladybird/pull/5421
Reviewed-by: https://github.com/kalenikaliaksandr

Libraries/LibWeb/Layout/FormattingContext.cpp

@@ -1609,6 +1609,8 @@ CSSPixels FormattingContext::calculate_inner_width(Layout::Box const& box, Avail
 CSSPixels FormattingContext::calculate_inner_height(Box const& box, AvailableSpace const& available_space, CSS::Size const& height) const
 {
     if (height.is_auto() && box.has_preferred_aspect_ratio()) {
+        if (*box.preferred_aspect_ratio() == 0)
+            return CSSPixels(0);
         return m_state.get(box).content_width() / *box.preferred_aspect_ratio();
     }
 

Libraries/LibWeb/Layout/LayoutState.cpp

@@ -604,7 +604,7 @@ void LayoutState::UsedValues::set_node(NodeWithStyle& node, UsedValues const* co
             if (m_has_definite_width && m_has_definite_height) {
                 // Both width and height are definite.
             } else if (m_has_definite_width) {
-                m_content_height = clamp_to_max_dimension_value(m_content_width / *aspect_ratio);
+                m_content_height = *aspect_ratio == 0 ? 0 : clamp_to_max_dimension_value(m_content_width / *aspect_ratio);
                 m_has_definite_height = true;
             } else if (m_has_definite_height) {
                 m_content_width = clamp_to_max_dimension_value(m_content_height * *aspect_ratio);

Tests/LibWeb/Text/expected/css/small-aspect-ratio.txt

@@ -1 +1,3 @@
 element height: 10px
+element height: 0px
+element height: 0px

Tests/LibWeb/Text/input/css/small-aspect-ratio.html

@@ -2,11 +2,18 @@
 <script src="../include.js"></script>
 <script>
     test(() => {
-        const element = document.createElement("div");
+        const smallAspectRatios = [
-        element.style.width = "100px";
+            ".0000000000001 / .00000000000001",
-        element.style.aspectRatio = ".0000000000001 / .00000000000001";
+            "1/0.00000000000001",
-        document.body.appendChild(element);
+            "0.00000000000001/1",
-        println(`element height: ${element.clientHeight}px`);
+        ];
-        element.remove();
+        for (const ratio of smallAspectRatios) {
+            const element = document.createElement("div");
+            element.style.width = "100px";
+            element.style.aspectRatio = ratio;
+            document.body.appendChild(element);
+            println(`element height: ${element.clientHeight}px`);
+            element.remove();
+        }
     });
 </script>