crbug-371640-2.html 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. <!DOCTYPE html>
  2. <script src="resources/text-based-repaint.js"></script>
  3. <script>
  4. function repaintTest()
  5. {
  6. document.getElementById('node').remove();
  7. }
  8. onload = runRepaintAndPixelTest;
  9. </script>
  10. <style>
  11. #wrapper {
  12. visibility: hidden;
  13. position: absolute;
  14. width: 600px;
  15. }
  16. .outer { float: left; }
  17. .inner {
  18. float: left;
  19. height: 100px;
  20. position: relative;
  21. width: 260px;
  22. }
  23. .abs_pos { position: absolute; }
  24. #container { float: right; }
  25. .item {
  26. visibility: visible;
  27. background-color: green;
  28. width: 100px;
  29. height: 100px;
  30. }
  31. #node .item { background-color: red; }
  32. </style>
  33. <p>This is a reduction for http://crbug.com/371640.</p>
  34. <p>The test PASSES if you see 1 green square and no red square.</p>
  35. <div id='wrapper'>
  36. <div id='container'>
  37. <div id='keep_outer' class='outer'>
  38. <div>
  39. <div id='keep_inner' class='inner'>
  40. <div class='abs_pos'>
  41. <div id='keep' class='item'> </div>
  42. </div>
  43. </div>
  44. </div>
  45. </div>
  46. <div id='node' class='outer'>
  47. <div id='to_remove_inner' class='inner'>
  48. <div id='to_remove' class='item'> </div>
  49. </div>
  50. </div>
  51. </div>
  52. </div>