LibWeb: Account for box-sizing:border-box in layout-less definite sizes

When we determine that a size is definite because it can be resolved now without performing layout, we also need to account for the box-sizing property. This lets us remove a hack from flex layout where box-sizing:border-box was manually undone at one point in the layout algorithm.
Author: https://github.com/awesomekling Commit: 00e3e82bbd Pull-request: https://github.com/SerenityOS/serenity/pull/18603 Reviewed-by: https://github.com/kalenikaliaksandr
2025-09-14 13:32:23 +00:00 · 2023-05-02 06:51:32 +02:00 · 2023-05-02 06:51:32 +02:00 · 00e3e82bbd · 2024-07-16 21:51:02 +09:00
commit 00e3e82bbd
parent deea7cbc11
4 changed files with 53 additions and 13 deletions
--- a/Tests/LibWeb/Layout/input/box-sizing-border-box-for-definite-sizes-without-layout.html
+++ b/Tests/LibWeb/Layout/input/box-sizing-border-box-for-definite-sizes-without-layout.html
@ -0,0 +1,14 @@
+<!doctype html><html><head><style>
+    * {
+        font: 20px SerenitySans;
+    }
+    .button {
+        align-items: center;
+        background-color: orange;
+        display: inline-flex;
+        height: 30px;
+        padding: 20px;
+        font-size: 20px;
+        box-sizing: border-box;
+    }
+</style></head><body><div class="button">Hello