| <!DOCTYPE html> |
| <script src="resources/text-based-repaint.js"></script> |
| <script> |
| function repaintTest() |
| { |
| document.getElementById('node').remove(); |
| } |
| onload = runRepaintAndPixelTest; |
| </script> |
| <style> |
| #wrapper { |
| visibility: hidden; |
| position: absolute; |
| width: 600px; |
| } |
| .outer { |
| display: inline; |
| position: relative; |
| float: right; |
| width: 100px; |
| height: 100px; |
| margin-right: 100px; |
| } |
| .inner { |
| float: left; |
| height: 100px; |
| position: relative; |
| width: 100px; |
| } |
| .abs_pos { position: absolute; } |
| #container { float: right; width: 500px} |
| .item { |
| visibility: visible; |
| background-color: green; |
| width: 100px; |
| height: 100px; |
| } |
| #node .item { background-color: red; } |
| </style> |
| |
| <p>This is a reduction for http://crbug.com/371640.</p> |
| <p>The test PASSES if you see 1 green square and no red square.</p> |
| |
| <div id='wrapper'> |
| <div id='container'> |
| <div id='node' class="outer"> |
| <div id='to_remove_inner' class="inner"> |
| <div id='to_remove' class="item"> </div> |
| </div> |
| </div> |
| <div id='keep_outer' class="outer"> |
| <div class='abs_pos'> |
| <div id='keep_inner' class="inner"> |
| <div id='keep' class="item"> </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |