Bug 1482432 [wpt PR 12412] - [LayoutNG] Flip for writing mode when calculating inline bounding box., a=testonly
authorMorten Stenshorne <mstensho@chromium.org>
Wed, 15 Aug 2018 09:54:59 +0000
changeset 431730 aa25989fd91df9721b680daee40a41ef2994a20b
parent 431729 d6082096a03601590f55fbf8535d1625fe5a77b9
child 431731 b9960e439b126ba89d8154452bb42e287a52a9f7
push id34451
push userebalazs@mozilla.com
push dateThu, 16 Aug 2018 09:25:15 +0000
treeherdermozilla-central@161817e6d127 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewerstestonly
bugs1482432, 12412, 1170835, 582222
milestone63.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1482432 [wpt PR 12412] - [LayoutNG] Flip for writing mode when calculating inline bounding box., a=testonly Automatic update from web-platform-tests[LayoutNG] Flip for writing mode when calculating inline bounding box. LayoutInline::LinesVisualOverflowBoundingBox() is expected to return coordinates with a logical block coordinate. So we need to flip for writing-mode vertical-rl. Discovered while investigating why wpt/css/css-position/position-sticky-writing-modes.html fails. It had some weird repaint issues (that I discovered when picking the test apart) that this CL fixes. That's not enough to fix the test, though. Cq-Include-Trybots: luci.chromium.try‚Äč:linux_layout_tests_layout_ng Change-Id: I9a8930cc6de01991592282491677327e3406acfb Reviewed-on: https://chromium-review.googlesource.com/1170835 Reviewed-by: Aleks Totic <atotic@chromium.org> Commit-Queue: Morten Stenshorne <mstensho@chromium.org> Cr-Commit-Position: refs/heads/master@{#582222} -- wpt-commits: c960c4cf4c4849ee5207d9235bb4da7939a53d58 wpt-pr: 12412
testing/web-platform/meta/MANIFEST.json
testing/web-platform/tests/css/css-writing-modes/relpos-inline-overflowing-block-vrl.html
--- a/testing/web-platform/meta/MANIFEST.json
+++ b/testing/web-platform/meta/MANIFEST.json
@@ -160932,16 +160932,28 @@
       [
        "/css/css-writing-modes/margin-vrl-002-ref.xht",
        "=="
       ]
      ],
      {}
     ]
    ],
+   "css/css-writing-modes/relpos-inline-overflowing-block-vrl.html": [
+    [
+     "/css/css-writing-modes/relpos-inline-overflowing-block-vrl.html",
+     [
+      [
+       "/css/reference/ref-filled-green-100px-square.xht",
+       "=="
+      ]
+     ],
+     {}
+    ]
+   ],
    "css/css-writing-modes/row-progression-slr-023.xht": [
     [
      "/css/css-writing-modes/row-progression-slr-023.xht",
      [
       [
        "/css/css-writing-modes/block-flow-direction-001-ref.xht",
        "=="
       ]
@@ -562870,16 +562882,20 @@
   "css/css-writing-modes/reftest/writing-mode-vertical-rl-001-ref.xht": [
    "ed0d5a6c95385e31169f128f3b1d3d827812ea6c",
    "support"
   ],
   "css/css-writing-modes/reftest/writing-mode-vertical-rl-002-ref.xht": [
    "5dccf5071e82905297c33bde6e019ad4b9c019cd",
    "support"
   ],
+  "css/css-writing-modes/relpos-inline-overflowing-block-vrl.html": [
+   "ea075c3f95e176c4fd4935fb2d305fc5bcf277da",
+   "reftest"
+  ],
   "css/css-writing-modes/replaced-content-image-002.xht": [
    "ef650ee1bd4d4e27dccbbede2e3eaf5dfb8bd635",
    "visual"
   ],
   "css/css-writing-modes/replaced-content-image-003.xht": [
    "dbd9a23de6568aa416fcb2648db0220b456b5ea7",
    "visual"
   ],
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-writing-modes/relpos-inline-overflowing-block-vrl.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<title>vertical-rl, relatively positioned inline in block that overflows smaller parent</title>
+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1. Principles of Layout in Vertical Writing Modes">
+<link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div style="position:relative; writing-mode:vertical-rl; width:100px; height:100px; background:green;">
+  <div style="position:absolute; right:0; top:0; width:0.5em; height:1em; background:red;"></div>
+  <div style="width:200px;">
+    <span style="position:relative; color:green; background:green;">XXX</span>
+  </div>
+</div>