tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

helper_hittest_nested_transforms_bug1459696.html (1842B)

      1 <!DOCTYPE HTML>
      2 <html>
      3 <head>
      4  <title>APZ hit-testing with nested inactive transforms (bug 1459696)</title>
      5  <script type="application/javascript" src="apz_test_utils.js"></script>
      6  <script type="application/javascript" src="apz_test_native_event_utils.js"></script>
      7  <script src="/tests/SimpleTest/paint_listener.js"></script>
      8  <meta name="viewport" content="width=device-width"/>
      9  <style>
     10    .pane {
     11        position: fixed;
     12        top: 0;
     13        bottom: 0;
     14    }
     15    .left {
     16        left: 0;
     17        right: 66vw;
     18        overflow: auto;
     19    }
     20    .content {
     21        width: 100%;
     22        height: 200%;
     23        background-image: linear-gradient(blue, green);
     24    }
     25    .right {
     26        left: 34vw;
     27        right: 0;
     28    }
     29    .list {
     30        overflow: hidden;
     31        transform: translate3d(0, 0, 0);
     32        height: 100%;
     33    }
     34    .track {
     35        height: 100%;
     36        width: 2000px;
     37        transform: translate3d(-856px, 0px, 0px);
     38    }
     39    .slide {
     40        float: left;
     41        height: 100%;
     42        width: 856px;
     43        background-image: linear-gradient(red, yellow);
     44    }
     45    </style>
     46 </head>
     47 <body>
     48  <div class="left pane" id="left-pane">
     49      <div class="content"></div>
     50  </div>
     51  <div class="right pane">
     52      <div class="list">
     53          <div class="track">
     54              <div class="slide"></div>
     55              <div class="slide"></div>
     56          </div>
     57      </div>
     58  </div>
     59 </body>
     60 <script type="application/javascript">
     61 
     62 async function test() {
     63  var utils = getHitTestConfig().utils;
     64 
     65  var leftPane = document.getElementById("left-pane");
     66 
     67  checkHitResult(
     68    hitTest(centerOf(leftPane)),
     69    APZHitResultFlags.VISIBLE,
     70    utils.getViewId(leftPane),
     71    utils.getLayersId(),
     72    "left pane was successfully hit");
     73 }
     74 
     75 waitUntilApzStable()
     76 .then(test)
     77 .then(subtestDone, subtestFailed);
     78 
     79 </script>
     80 </html>