Fix repeat spacing for 'border-image's when combined with 'round'
When either of the horizontal/vertical tile rules were 'round', we would
drop any tile spacing.
Bug: 928749
Change-Id: I6128084cdfc9e6b7604fe213d87f71b1e025d012
Reviewed-on: https://chromium-review.googlesource.com/c/1454375
Reviewed-by: Stephen Chenney <schenney@chromium.org>
Commit-Queue: Fredrik Söderquist <fs@opera.com>
Cr-Commit-Position: refs/heads/master@{#629272}
diff --git a/css/css-backgrounds/border-image-repeat-005.html b/css/css-backgrounds/border-image-repeat-005.html
new file mode 100644
index 0000000..f5078fc
--- /dev/null
+++ b/css/css-backgrounds/border-image-repeat-005.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<title>'border-image-repeat' with 'space' and 'round'</title>
+<link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#border-image-repeat">
+<link rel="match" href="reference/border-image-repeat-005-ref.html">
+<style>
+#target {
+ width: 255px;
+ height: 80px;
+ border: 10px solid red;
+ border-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100'><rect width='100' height='100' fill='green'/></svg>") 0 fill / 0px space round;
+}
+</style>
+<p>There should be two green rectangles below:</p>
+<div id="target"></div>
diff --git a/css/css-backgrounds/reference/border-image-repeat-005-ref.html b/css/css-backgrounds/reference/border-image-repeat-005-ref.html
new file mode 100644
index 0000000..0a372e0
--- /dev/null
+++ b/css/css-backgrounds/reference/border-image-repeat-005-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<title>Reference: 'border-image-repeat' with 'space' and 'round'</title>
+<style>
+ .green {
+ width: 100px;
+ height: 100px;
+ background-color: green;
+ position: absolute;
+ }
+</style>
+<p>There should be two green rectangles below:</p>
+<div style="position: relative">
+ <div class="green" style="left: 25px"></div>
+ <div class="green" style="left: 150px"></div>
+</div>
