src/third_party/WebKit/LayoutTests/fast/overflow/abs-rel-pos-invalidation-ancestor.html

   1 <!DOCTYPE html>
   2 <script src="../repaint/resources/text-based-repaint.js"></script>
   3 <script>
   4     function repaintTest()
   5     {
   6         var content = document.getElementById("content");
   7         var containerWrapper = document.getElementById("containerWrapper");
   8         containerWrapper.style.overflow = 'visible';
   9         content.style.display = 'block';
  10         document.body.offsetTop;
  11         containerWrapper.style.overflow = 'hidden';
  12         content.style.display = 'none';
  13     }
  14 </script>
  15 <style>
  16 #fixedPosition {
  17     position:fixed;
  18 }
  19
  20 #content {
  21     position:absolute;
  22     left: 200px;
  23     display: none;
  24     width: 100px;
  25     height: 100px;
  26     background-color: red;
  27 }
  28
  29 #container {
  30     background-color: green;
  31     height: 100px;
  32     width: 100px;
  33 }
  34
  35 #container:hover #content {
  36     display:block;
  37 }
  38
  39 #containerWrapper {
  40     position:relative;
  41     overflow:hidden;
  42 }
  43
  44 #containerWrapper:hover {
  45     overflow:visible
  46 }
  47 </style>
  48 <div id="fixedPosition">
  49     <div id="containerWrapper">
  50             <div id="container">
  51                 <div id="content"></div>
  52             </div>
  53     </div>
  54 </div>
  55 <p>crbug.com/321264: Invalidate the rect of an element that is being removed from the tree even when it is overflow-clipped at the time of invalidation.</p>
  56 <script>runRepaintTest();</script>