| Index: LayoutTests/fast/repaint/crbug-371640-4.html
|
| diff --git a/LayoutTests/fast/repaint/crbug-371640-4.html b/LayoutTests/fast/repaint/crbug-371640-4.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..36cff52fe6de3ed81c3c41cc9df437a5fb24d55a
|
| --- /dev/null
|
| +++ b/LayoutTests/fast/repaint/crbug-371640-4.html
|
| @@ -0,0 +1,69 @@
|
| +<!DOCTYPE html>
|
| +<script src="resources/text-based-repaint.js"></script>
|
| +<script src="../../resources/run-after-display.js"></script>
|
| +<script>
|
| + if (window.testRunner)
|
| + window.jsTestIsAsync = true;
|
| +
|
| + function repaintTest()
|
| + {
|
| + document.getElementById('node').remove();
|
| +
|
| + if (window.testRunner) {
|
| + runAfterDisplay(function() {
|
| + testRunner.notifyDone();
|
| + });
|
| + }
|
| + }
|
| + onload = runRepaintTest;
|
| +</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>
|
|
|