Fix background image offset issue when there's gutter

CGOfficial · chromium-wpt-export-bot · commit 5a3a9374ca87 · 2025-03-28T03:53:42.000-07:00
Bug: 40788919 Change-Id: I1baa78459696dc163f379567846cf47e8fc730d1 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/6391395 Reviewed-by: Fredrik Söderquist <fs@opera.com> Auto-Submit: Jason Leo <m.jason.liu@gmail.com> Reviewed-by: Xianzhu Wang <wangxianzhu@chromium.org> Commit-Queue: Fredrik Söderquist <fs@opera.com> Cr-Commit-Position: refs/heads/main@{#1439296}
diff --git a/css/css-overflow/scrollbar-gutter-with-background-gradient-ref.html b/css/css-overflow/scrollbar-gutter-with-background-gradient-ref.html
@@ -0,0 +1,13 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>CSS Overflow: test scrollbar-gutter with background gradient</title>
+<link rel="author" title="CGQAQ" href="mailto:m.jason.liu@gmail.com">
+<link rel="help" href="https://drafts.csswg.org/css-overflow-4/#scrollbar-gutter-property">
+<style>
+  html {
+    scrollbar-gutter: stable both-edges;
+    background-image: linear-gradient(to right, green, blue);
+    position: fixed;
+    inset: 0;
+  }
+</style>
diff --git a/css/css-overflow/scrollbar-gutter-with-background-gradient.html b/css/css-overflow/scrollbar-gutter-with-background-gradient.html
@@ -0,0 +1,13 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>CSS Overflow: test scrollbar-gutter with background gradient</title>
+<link rel="author" title="CGQAQ" href="mailto:m.jason.liu@gmail.com">
+<link rel="help" href="https://drafts.csswg.org/css-overflow-4/#scrollbar-gutter-property">
+<link rel="match" href="scrollbar-gutter-with-background-gradient-ref.html">
+<meta name=fuzzy content="maxDifference=0-1;totalPixels=0-70000">
+<style>
+  html {
+    scrollbar-gutter: stable both-edges;
+    background-image: linear-gradient(to right, green, blue);
+  }
+</style>
