crbug-371640-4.html 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  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 {
  17. display: inline;
  18. position: relative;
  19. float: right;
  20. width: 100px;
  21. height: 100px;
  22. margin-right: 100px;
  23. }
  24. .inner {
  25. float: left;
  26. height: 100px;
  27. position: relative;
  28. width: 100px;
  29. }
  30. .abs_pos { position: absolute; }
  31. #container { float: right; width: 500px}
  32. .item {
  33. visibility: visible;
  34. background-color: green;
  35. width: 100px;
  36. height: 100px;
  37. }
  38. #node .item { background-color: red; }
  39. </style>
  40. <p>This is a reduction for http://crbug.com/371640.</p>
  41. <p>The test PASSES if you see 1 green square and no red square.</p>
  42. <div id='wrapper'>
  43. <div id='container'>
  44. <div id='node' class="outer">
  45. <div id='to_remove_inner' class="inner">
  46. <div id='to_remove' class="item">&nbsp;</div>
  47. </div>
  48. </div>
  49. <div id='keep_outer' class="outer">
  50. <div class='abs_pos'>
  51. <div id='keep_inner' class="inner">
  52. <div id='keep' class="item">&nbsp;</div>
  53. </div>
  54. </div>
  55. </div>
  56. </div>
  57. </div>