Fix DCHECK failure in LayoutBox::ComputeBackgroundPaintLocationIfComposited()
We can have a FillLayer that doesn't have an image and is not the
last layer, e.g. with background: none, none.
Bug: 1241917
Change-Id: I40932e70ab0db49fb1096f2fb8760f49e4833120
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/3111870
Reviewed-by: Philip Rogers <pdr@chromium.org>
Commit-Queue: Xianzhu Wang <wangxianzhu@chromium.org>
Cr-Commit-Position: refs/heads/main@{#914404}
diff --git a/css/css-backgrounds/background-none-none-and-color-ref.html b/css/css-backgrounds/background-none-none-and-color-ref.html
new file mode 100644
index 0000000..2bdf06a
--- /dev/null
+++ b/css/css-backgrounds/background-none-none-and-color-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<style>
+div {
+ width: 100px;
+ height: 100px;
+ border: 2px solid black;
+}
+</style>
+<div style="background-color: blue"></div>
+<div></div>
+<div style="background-color: blue; overflow: scroll"></div>
+ <div style="height: 200px"></div>
+</div>
+<div style="overflow: scroll"></div>
+ <div style="height: 200px"></div>
+</div>
diff --git a/css/css-backgrounds/background-none-none-and-color.html b/css/css-backgrounds/background-none-none-and-color.html
new file mode 100644
index 0000000..49276cd
--- /dev/null
+++ b/css/css-backgrounds/background-none-none-and-color.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<link rel="help" href="https://drafts.csswg.org/css-backgrounds/#background">
+<link rel="help" href="https://drafts.csswg.org/css-backgrounds/#background-color">
+<link rel="match" href="background-none-none-and-color-ref.html">
+<style>
+div {
+ width: 100px;
+ height: 100px;
+ border: 2px solid black;
+}
+</style>
+<div style="background: none, none; background-color: blue"></div>
+<div style="background-color: blue; background: none, none"></div>
+<div style="background: none, none; background-color: blue; overflow: scroll"></div>
+ <div style="height: 200px"></div>
+</div>
+<div style="background-color: blue; background: none, none; overflow: scroll"></div>
+ <div style="height: 200px"></div>
+</div>
