Bug 1481979 [wpt PR 12363] - [LayoutNG] Propagate abspos inline container, a=testonly
authorAleks Totic <atotic@chromium.org>
Wed, 15 Aug 2018 01:03:49 +0000
changeset 486823 1ead3e77a3446cdcabbbed8ecfbc416a778921f4
parent 486822 502e41243576385d3b3ed2033be286a09f5a002a
child 486824 c03828e252cf356f7a1c6c12f2358bbd90a96741
push id9719
push userffxbld-merge
push dateFri, 24 Aug 2018 17:49:46 +0000
treeherdermozilla-beta@719ec98fba77 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewerstestonly
bugs1481979, 12363, 867307, 1165953, 582139
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 1481979 [wpt PR 12363] - [LayoutNG] Propagate abspos inline container, a=testonly Automatic update from web-platform-tests[LayoutNG] Propagate abspos inline container OOF elements with inline container that were not direct descendants of container did not have their inline container set correctly. This caused Google SERP page to display a menu incorrectly. Test Bug: 867307 Cq-Include-Trybots: luci.chromium.try‚Äč:linux_layout_tests_layout_ng Change-Id: Iefc78785d296c87d7fc1f34abe3980c0783d6818 Reviewed-on: https://chromium-review.googlesource.com/1165953 Commit-Queue: Aleks Totic <atotic@chromium.org> Reviewed-by: Koji Ishii <kojii@chromium.org> Cr-Commit-Position: refs/heads/master@{#582139} -- wpt-commits: a827a82cd6be5bfca648b98904c45e2fa3777d20 wpt-pr: 12363
testing/web-platform/meta/MANIFEST.json
testing/web-platform/tests/css/CSS2/positioning/abspos-inline-007-ref.xht
testing/web-platform/tests/css/CSS2/positioning/abspos-inline-007.xht
--- a/testing/web-platform/meta/MANIFEST.json
+++ b/testing/web-platform/meta/MANIFEST.json
@@ -75220,16 +75220,28 @@
       [
        "/css/CSS2/positioning/abspos-containing-block-010-ref.xht",
        "=="
       ]
      ],
      {}
     ]
    ],
+   "css/CSS2/positioning/abspos-inline-007.xht": [
+    [
+     "/css/CSS2/positioning/abspos-inline-007.xht",
+     [
+      [
+       "/css/CSS2/positioning/abspos-inline-007-ref.xht",
+       "=="
+      ]
+     ],
+     {}
+    ]
+   ],
    "css/CSS2/positioning/abspos-overflow-001.xht": [
     [
      "/css/CSS2/positioning/abspos-overflow-001.xht",
      [
       [
        "/css/CSS2/positioning/abspos-overflow-001-ref.xht",
        "=="
       ]
@@ -231518,16 +231530,21 @@
      {}
     ]
    ],
    "css/CSS2/positioning/abspos-containing-block-010-ref.xht": [
     [
      {}
     ]
    ],
+   "css/CSS2/positioning/abspos-inline-007-ref.xht": [
+    [
+     {}
+    ]
+   ],
    "css/CSS2/positioning/abspos-overflow-001-ref.xht": [
     [
      {}
     ]
    ],
    "css/CSS2/positioning/abspos-overflow-002-ref.xht": [
     [
      {}
@@ -489741,16 +489758,24 @@
   "css/CSS2/positioning/abspos-inline-005.xht": [
    "053527c983e04dd13400e4a647e28c9774d815e1",
    "manual"
   ],
   "css/CSS2/positioning/abspos-inline-006.xht": [
    "e5a544f351427b27f6a428fee50f83009f457304",
    "manual"
   ],
+  "css/CSS2/positioning/abspos-inline-007-ref.xht": [
+   "7f80605dbc8d3b7aba12b1ff79fac31ad51ba12a",
+   "support"
+  ],
+  "css/CSS2/positioning/abspos-inline-007.xht": [
+   "7e5880b10637e39055b428c3411d86b2c6dc0daa",
+   "reftest"
+  ],
   "css/CSS2/positioning/abspos-overflow-001-ref.xht": [
    "ba7e87c6a7c18a9335b51e07052ab47631299c9b",
    "support"
   ],
   "css/CSS2/positioning/abspos-overflow-001.xht": [
    "0f7ed6b70d8837f76f7c711e0eaa8d324dfbafba",
    "reftest"
   ],
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-inline-007-ref.xht
@@ -0,0 +1,70 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>reference for abspos-inline-007</title>
+  <style type="text/css">
+   .block-container {
+    font: 20px Ahem;
+    height: 20px;
+    position: relative;
+    top: -1px;
+   }
+   .inline-container {
+    position: relative;
+    border: 1px solid black;
+    display: inline-block;
+   }
+   .parent-block {
+    display: inline-block;
+    width: 30px;
+    height: 10px;
+   }
+   .abspos {
+    position: absolute;
+    width: 10px;
+    height: 10px;
+    background-color: green;
+    display: inline-block;
+    vertical-align: baseline;
+   }
+   .br {
+    right: 0;
+    bottom: 0;
+   }
+   .tl {
+    top: 0;
+    left: 0;
+   }
+   .filler {
+    display: inline-block;
+    width: 30px;
+    height: 10px;
+   }
+
+  </style>
+ </head>
+ <body>
+ <div class="block-container">
+   x
+    <div class="inline-container">
+     tl
+      <div class="abspos tl"></div>
+      <div class="parent-block"></div>
+      <div class="filler"></div>&nbsp;
+    </div>x
+    <div class="inline-container">
+     br
+      <div class="abspos br"></div>
+      <div class="parent-block"></div>
+      <div class="filler"></div>&nbsp;
+    </div>x
+    <div class="inline-container">
+      static
+      <div class="abspos" style="position:static"></div><div class="parent-block"></div>
+      <div class="filler" style="width: 20px;"></div>
+    </div>
+  </div>
+<p>Tests abspos positioning of an Element that 1) has an inline containing
+block, and 2) is not a child of the inline containing block, but a descendant.</p>
+ </body>
+</html>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/abspos-inline-007.xht
@@ -0,0 +1,74 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS Test: Absolutely positioned descendants in inlines</title>
+  <link rel="author" title="Aleks Totic" href="mailto:atotic@chromium.org"/>
+  <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#comp-abspos" />
+  <link rel="match" href="abspos-inline-007-ref.xht" />
+  <style type="text/css">
+   .block-container {
+    position: relative;
+    font: 20px Ahem;
+   }
+   .inline-container {
+    position: relative;
+    border: 1px solid black;
+   }
+   .parent-block {
+    display: inline-block;
+    width: 30px;
+    height: 10px;
+   }
+   .abspos {
+    position: absolute;
+    width: 10px;
+    height: 10px;
+    background-color: green;
+   }
+   .br {
+    right: 0;
+    bottom: 0;
+   }
+   .tl {
+    top: 0;
+    left: 0;
+   }
+   .filler {
+    display: inline-block;
+    width: 30px;
+    height: 10px;
+   }
+
+  </style>
+ </head>
+ <body>
+  <div class="block-container">
+   x
+    <span class="inline-container">
+     tl
+      <div class="parent-block">
+       <div class="abspos tl"></div>
+      </div>
+      <div class="filler"></div>
+    </span>
+    x
+    <span class="inline-container">
+     br
+      <div class="parent-block">
+       <div class="abspos br"></div>
+      </div>
+      <div class="filler"></div>
+    </span>
+    x
+    <span class="inline-container">
+      static
+      <div class="parent-block">
+       <div class="abspos"></div>
+      </div>
+      <div class="filler"></div>
+    </span>
+  </div>
+<p>Tests abspos positioning of an Element that 1) has an inline containing
+block, and 2) is not a child of the inline containing block, but a descendant.</p>
+ </body>
+</html>