1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859 |
- <!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>
|