commit b57e91e6422da2e0dbcd70666d9f3330bb091ae1
parent aac32cedfacf65536da3c27dbf99a1e2cac2e548
Author: Ian Kilpatrick <ikilpatrick@chromium.org>
Date: Wed, 19 Nov 2025 04:57:08 +0000
Bug 2000922 [wpt PR 56096] - [flex] Use LayoutUnitDiffuser for main-axis auto margins., a=testonly
Automatic update from web-platform-tests
[flex] Use LayoutUnitDiffuser for main-axis auto margins.
As above, this smears the remainder over the margins between items.
Bug: 40437604
Change-Id: I2b1168a4f4bbd070c2e0d15ebcb4c1f7d94a9aab
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/7164017
Reviewed-by: David Grogan <dgrogan@chromium.org>
Commit-Queue: Ian Kilpatrick <ikilpatrick@chromium.org>
Reviewed-by: Morten Stenshorne <mstensho@chromium.org>
Cr-Commit-Position: refs/heads/main@{#1546645}
--
wpt-commits: 282e73d7214cbad806e1a1f06fdc54e3ba27856c
wpt-pr: 56096
Diffstat:
1 file changed, 38 insertions(+), 0 deletions(-)
diff --git a/testing/web-platform/tests/css/css-flexbox/main-axis-margin-rounding.html b/testing/web-platform/tests/css/css-flexbox/main-axis-margin-rounding.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<link rel="help" href="https://crbug.com/40437604">
+<style>
+#flex {
+ display: flex;
+ width: 40px;
+ height: 10px;
+ outline: solid 1px;
+}
+#flex > div {
+ width: 5px;
+ height: 10px;
+ margin-left: auto;
+ background: lime;
+}
+</style>
+<div id="flex">
+ <div></div>
+ <div></div>
+ <div></div>
+ <div></div>
+ <div></div>
+ <div></div>
+ <div></div>
+ <div id="last"></div>
+</div>
+<script>
+test(function() {
+ /* Increase the flexbox by 0.1px increments. */
+ for (let i = 0; i < 10; i++) {
+ const width = (40 + i/10) + 'px';
+ flex.style.width = width;
+ assert_equals(last.getBoundingClientRect().right, flex.getBoundingClientRect().right, width);
+ }
+}, 'The last item should match the end edge.');
+</script>
