fix: crash on background-size with calc() (fix #2469) (#2569)

niklasvh · Jul 12, 2021 · 084017a · 084017a
1 parent 4555940
commit 084017a
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/src/render/background.ts b/src/render/background.ts
@@ -91,6 +91,10 @@ export const calculateBackgroundSize = (
 ): [number, number] => {
     const [first, second] = size;
 
+    if (!first) {
+        return [0, 0];
+    }
+
     if (isLengthPercentage(first) && second && isLengthPercentage(second)) {
         return [getAbsoluteValue(first, bounds.width), getAbsoluteValue(second, bounds.height)];
     }

diff --git a/tests/reftests/background/size.html b/tests/reftests/background/size.html
@@ -61,6 +61,7 @@
     <div style='background-size: auto;'></div>
 </div>
 <div class="container" style="padding: 10px; background-size: contain; background-origin: content-box; background-clip: content-box"></div>
+<div class="container" style="background-size: calc(100% - 10px)"></div>
 <div class="sliver">
     <div></div>
 </div>