| <!DOCTYPE html> |
| <p style="height: 100px"> |
| Tests paint invalidation of column rules when column changes without changing geometry of the column and the column set. |
| Passes if no under-invalidation is reported. |
| </p> |
| <div id="columns" style="columns: 1; background-color: blue; column-rule: 2px solid green; width: 200px; height: 200px"> |
| <div id="content1" style="display: inline-block; width: 50px; height: 100px; background-color: yellow"></div><br> |
| <div id="content2" style="display: inline-block; width: 50px; height: 100px; background-color: yellow"></div> |
| </div> |
| <script src="../../../resources/run-after-layout-and-paint.js"></script> |
| <script> |
| runAfterLayoutAndPaint(function() { |
| columns.style.columns = 2; |
| content1.style.height = '200px'; |
| }, true); |
| </script> |