[LayoutNG] bugfix for NG painting in vertical-rl with scrollbars.
This bug occurs when painting NG child inside non-inline vertical-rl parent
with scrollbars.
Root cause is extra scrollbar offset that Paint applies to Legacy painting that
is not needed for NG.
The fix is hacky: NG applies reverse offset.
This fix does not make any additional tests pass or fail.
Bug: 852395
Cq-Include-Trybots: luci.chromium.try:linux_layout_tests_layout_ng
Change-Id: I7dda2cdbf682485ab30c048987ae683981731886
Reviewed-on: https://chromium-review.googlesource.com/1115863
Commit-Queue: Morten Stenshorne <mstensho@chromium.org>
Reviewed-by: Morten Stenshorne <mstensho@chromium.org>
Cr-Commit-Position: refs/heads/master@{#571080}
diff --git a/css/css-writing-modes/reference/scrollbar-vertical-rl-ref.html b/css/css-writing-modes/reference/scrollbar-vertical-rl-ref.html
new file mode 100644
index 0000000..2ee601d
--- /dev/null
+++ b/css/css-writing-modes/reference/scrollbar-vertical-rl-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Writing Modes Test: vertical-rl painting with vertical scrollbar reference</title>
+ <link rel="author" title="Aleks Totic" href="atotic@chromium.org" />
+ <style>
+ #container {
+ width: 300px;
+ height: 200px;
+ border: 1px solid black;
+ writing-mode: vertical-rl;
+ overflow: scroll;
+ background: blue;
+ }
+ #target {
+ width:500px;
+ }
+ </style>
+<div id="container">
+ <div id="target"><br></div>
+</div>
diff --git a/css/css-writing-modes/scrollbar-vertical-rl.html b/css/css-writing-modes/scrollbar-vertical-rl.html
new file mode 100644
index 0000000..71e57ef
--- /dev/null
+++ b/css/css-writing-modes/scrollbar-vertical-rl.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Writing Modes Test: vertical-rl painting with vertical scrollbar</title>
+
+ <link rel="author" title="Aleks Totic" href="atotic@chromium.org" />
+ <link rel="help" href="https://www.w3.org/TR/css-writing-modes-3/#orthogonal-flows" title="7.3 Orthogonal flows" />
+ <link rel="match" href="./reference/scrollbar-vertical-rl-ref.html" />
+
+ <style>
+ #container {
+ width: 300px;
+ height: 200px;
+ border: 1px solid black;
+ writing-mode: vertical-rl;
+ overflow: scroll;
+ background: red;
+ }
+ #target {
+ width:500px;
+ background:blue;
+ }
+ </style>
+</head>
+<body>
+<div id="container">
+ <div id="target"><br></div>
+</div>
+</body>
