layout/reftests/bugs/323656-1-ref.html
author Xianzhu Wang <wangxianzhu@chromium.org>
Tue, 05 Mar 2019 12:18:01 +0000
changeset 464575 4325ba7b38576495a78289c2a8f4dff391922e66
parent 549 c320b02b530986c1cd835c251ffd473c939ec7ec
permissions -rw-r--r--
Bug 1529059 [wpt PR 15420] - [BlinkGenPropertyTrees] Initiailize double_sided of synthetic effect, a=testonly Automatic update from web-platform-tests [BlinkGenPropertyTrees] Initiailize double_sided of synthetic effect Previously synthetic effects always had double_sided==false, causing the layer disappear when the backface was facing forward. Bug: 928190 Change-Id: I35534b40346d5c5918bc99c00a4ca6b4e3b68796 Reviewed-on: https://chromium-review.googlesource.com/c/1475815 Reviewed-by: Philip Rogers <pdr@chromium.org> Commit-Queue: Xianzhu Wang <wangxianzhu@chromium.org> Cr-Commit-Position: refs/heads/master@{#632764} -- wpt-commits: a89467050deaf1dcbd9140a2f0670b1b85e518ee wpt-pr: 15420

<!DOCTYPE html>
<html>
  <head>
    <title>Test inheritance through various table anonymous boxes</title>
    <style>
      /**
       * The idea is that "color" inherits by default while "border-color" does
       * not.  So if the former is red and the latter is green on a parent, and
       * the child's border-color is set to "inherit", it'll be green only if
       * the child is inheriting from the parent.  If not, it'll either be
       * whatever the border-color is on what it's inheriting from, which will
       * be red if what it's inheriting from has the default (currentColor)
       * border-color).
       */
      
      /* 't' for "test" */
      * { color: green; border: 0px hidden green; background: transparent }
      .t { border-color: green }
      .t > :first-child
        { border-color: green; border-style: solid; border-width: 10px }
    </style>
  </head>
  <body>
    <table><tr><td class="t"><div></div></td></tr></table>
    <div style="display: table" class="t"><div></div></div>
    <div style="display: table-row-group" class="t"><div></div></div>
    <div style="display: table-row" class="t"><div></div></div>
    <div style="display: table-cell" class="t"><div></div></div>
    <div><span><div style="display: table" class="t"><div></div></div></span></div>
    <div><span><div style="display: table-row-group" class="t"><div></div></div></span></div>
    <div><span><div style="display: table-row" class="t"><div></div></div></span></div>
    <div><span><div style="display: table-cell" class="t"><div></div></div></span></div>

    <table><tr><td class="t"><div></div></td></tr></table>
    <div style="display: table" class="t"><div></div></div>
    <div style="display: table-row-group" class="t"><div></div></div>
    <div style="display: table-row" class="t"><div></div></div>
    <div style="display: table-cell" class="t"><div></div></div>
    <div><span><div style="display: table" class="t"><div></div></div></span></div>
    <div><span><div style="display: table-row-group" class="t"><div></div></div></span></div>
    <div><span><div style="display: table-row" class="t"><div></div></div></span></div>
    <div><span><div style="display: table-cell" class="t"><div></div></div></span></div>
  </body>
</html>