| <!DOCTYPE html> |
| <head> |
| <title>Test to check that ellipsis in free space is moving with text.</title> |
| <style> |
| #text { |
| width: 80px; |
| margin: 0 auto; |
| } |
| h2 { |
| display: -webkit-box; |
| -webkit-line-clamp: 2; |
| -webkit-box-orient: vertical; |
| overflow: hidden; |
| } |
| </style> |
| </head> |
| <body onload="run()"> |
| <script src="../../resources/run-after-layout-and-paint.js"></script> |
| <script> |
| if (window.testRunner) |
| testRunner.waitUntilDone(); |
| |
| function run() { |
| var place = document.getElementById('place'); |
| runAfterLayoutAndPaint(function() { |
| place.setAttribute("style","width: 200px"); |
| }, true); |
| } |
| </script> |
| <div id="main" style="width: 500px"> |
| <div id="place" style="width: 100px"> |
| <div id="text"> |
| <h2>test1 test2 test3</h2> |
| </div> |
| </div> |
| </div> |
| |
| </body> |
| </html> |