| <!DOCTYPE html> | |
| <p>Test increasing the width of the containing block of a scrollable container with percent width.</p> | |
| <p>One vertical scrollbar should be seen below.</p> | |
| <div id="target" style="width:300px;"> | |
| <div style="width:50%; height:400px; overflow-y:scroll;"></div> | |
| </div> | |
| <script src="../../../resources/run-after-layout-and-paint.js"></script> | |
| <script> | |
| function changeSize() { | |
| document.getElementById('target').style.width = '700px'; | |
| } | |
| runAfterLayoutAndPaint(changeSize, true); | |
| </script> |