crbug-371640-3.html 1.1 KB

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