Fix paint issue with transparent scrollbars

lukewarlow · chromium-wpt-export-bot · commit 9beb0056bec1 · 2023-10-20T03:07:28.000-07:00
LayoutBox::BackgroundClipBorderBoxIsEquivalentToPaddingBox now correctly accounts for non-auto scrollbar gutters, along with non-opaque scrollbars. ScrollbarDisplayItem::IsOpaque also now handles non-opaque non-overlay scrollbars. Bug: 1490798, 1459802 Change-Id: I7c3d5c3c1a498b43082dddfb7cab9850951e4ec6 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/4952560 Reviewed-by: Xianzhu Wang <wangxianzhu@chromium.org> Commit-Queue: Luke <lukewarlow156@gmail.com> Cr-Commit-Position: refs/heads/main@{#1212641}
diff --git a/css/css-scrollbars/scrollbar-color-012-ref.html b/css/css-scrollbars/scrollbar-color-012-ref.html
@@ -0,0 +1,13 @@
+<!doctype html>
+<html>
+<style>
+  .container {
+    overflow: auto;
+    height: 200px;
+    width: 200px;
+    background-color: red;
+  }
+</style>
+<div class="container">
+  <div class="content"></div>
+</div>
diff --git a/css/css-scrollbars/scrollbar-color-012.html b/css/css-scrollbars/scrollbar-color-012.html
@@ -0,0 +1,24 @@
+<!doctype html>
+<html>
+<title>scrollbar-color with transparent colors works</title>
+<link rel="author" title="Luke Warlow" href="mailto:luke@warlow.dev" />
+<link rel="match" href="scrollbar-color-012-ref.html" />
+<link rel="help" href="https://drafts.csswg.org/css-scrollbars" />
+<style>
+  html {scrollbar-color: transparent transparent;}
+  body {height: 200vh}
+  .container {
+    overflow: auto;
+    height: 200px;
+    width: 200px;
+    background-color: red;
+  }
+
+  .content {
+    height: 300px;
+    width: 300px;
+  }
+</style>
+<div class="container">
+  <div class="content"></div>
+</div>
