layout/reftests/bugs/1120431-2.html
author Xianzhu Wang <wangxianzhu@chromium.org>
Tue, 05 Mar 2019 12:18:01 +0000
changeset 464575 4325ba7b38576495a78289c2a8f4dff391922e66
parent 225624 49b107ba5bee3c805356e64d7e2fde7b03b727d5
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>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <style>
      .container-ext {
        padding-left: 180px;
        padding-right: 180px;
      }
      
      .headline {
        line-height: 30px;
        text-shadow: 1px 1px rgba(255, 255, 255, 0.3);
      }
      
      ul {
        list-style: none;
      }
      
      .headline-left {
        left: 30px;
      }
      
      .headline-right {
        top: 20px !important;
        /*bottom:370px !important;*/
        right: 20px;
      }
      
      .headline-active {
        position: fixed;
        top: 100px;
      }
      
      .list-author:before,
      .list-author:after {
        content: "\200e";
        display: table;
      }
      .list-author:after {
        clear: both;
      }
      
      .list-author-vocal {
        float: left;
        margin-right: 10px;
      }
      
      .ff { position: fixed; }
    </style>
  </head>
  <body>
    <div class="container-ext">
      
      <div class="headline headline-left headline-active">
          <ul class="list-author">
            <li class="list-author-vocal">
              A
            </li>
            <li class="list-author-vocal">
              B
            </li>
            <li class="list-author-vocal">
              C
            </li>
            <li class="list-author-vocal">
              D
            </li>
            <li class="list-author-vocal">
              E
            </li>
          </ul>
          <ul class="list-author">
            <li class="list-author-vocal">
              F
            </li>
            <li class="list-author-vocal">
              G
            </li>
            <li class="list-author-vocal">
              H
            </li>
            <li class="list-author-vocal">
              I
            </li>
            <li class="list-author-vocal">
              J
            </li>
          </ul>
          <ul class="list-author">
            <li class="list-author-vocal">
              K
            </li>
            <li class="list-author-vocal">
              L
            </li>
            <li class="list-author-vocal">
              M
            </li>
            <li class="list-author-vocal">
              N
            </li>
            <li class="list-author-vocal">
              O
            </li>
          </ul>
          <ul class="list-author">
            <li class="list-author-vocal active">
              P
            </li>
            <li class="list-author-vocal">
              R
            </li>
            <li class="list-author-vocal">
              S
            </li>
            <li class="list-author-vocal">
              T
            </li>
            <li class="list-author-vocal">
              V
            </li>
          </ul>
          <ul class="list-author">
            <li class="list-author-vocal">
              W
            </li>
            <li class="list-author-vocal">
              Y
            </li>
            <li class="list-author-vocal">
              Z
            </li>
          </ul>
<div class="ff" style="left: 69px; top: 115px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 173px; top: 115px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 173px; top: 115px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 173px; top: 115px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 173px; top: 115px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 173px; top: 115px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 173px; top: 115px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 69px; top: 145px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 69px; top: 161px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 162px; top: 161px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 162px; top: 161px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 162px; top: 161px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 162px; top: 161px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 162px; top: 161px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 162px; top: 161px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 69px; top: 191px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 69px; top: 207px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 177px; top: 207px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 177px; top: 207px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 177px; top: 207px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 177px; top: 207px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 177px; top: 207px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 177px; top: 207px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 69px; top: 237px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 69px; top: 253px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 168px; top: 253px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 168px; top: 253px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 168px; top: 253px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 168px; top: 253px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 168px; top: 253px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 168px; top: 253px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 69px; top: 283px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 69px; top: 299px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 135px; top: 299px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 135px; top: 299px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 135px; top: 299px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 135px; top: 299px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 69px; top: 329px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 69px; top: 345px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 68px; top: 352px; width: 41px; height: 19px; background: blue;"></div>
<div class="ff" style="left: 68px; top: 382px; width: 41px; height: 19px; background: blue;"></div>
<div class="ff" style="left: 68px; top: 412px; width: 41px; height: 19px; background: blue;"></div>
<div class="ff" style="left: 68px; top: 442px; width: 41px; height: 19px; background: blue;"></div>
<div class="ff" style="left: 69px; top: 465px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 69px; top: 469px; width: 3px; height: 3px; background: blue;"></div><!-- only needed after whitespace opt -->
<div class="ff" style="left: 69px; top: 473px; width: 3px; height: 3px; background: blue;"></div><!-- only needed after whitespace opt -->

          <ul class="list-author">
          <li>
            Word
          </li>
          <li>
            Word
          </li>
          <li>
            Word
          </li>
          <li>
            Word
          </li>
        </ul>
      </div> <!-- headline headline-left headline-active -->
      <div class="headline headline-right headline-active">
        ­<!--&#x200e;f--><div style="width: 2px; height: 2px; background: white;"></div>
      </div>
      
      <div style="position:relative;">
        <div style="height: 4000px; background: red;">
        </div>
      </div>
    </div> <!-- container-ext -->
  </body>
</html>