| <!DOCTYPE html> |
| <html> |
| <head> |
| <script> |
| function init() { |
| if (!window.testRunner) |
| return; |
| // Move the resizer 400 pixels down. |
| eventSender.mouseMoveTo(100, 400); |
| eventSender.mouseDown(); |
| eventSender.mouseMoveTo(100, 200); |
| eventSender.mouseUp(); |
| |
| // Also test when frame height is increased. |
| eventSender.mouseMoveTo(100, 200); |
| eventSender.mouseDown(); |
| eventSender.mouseMoveTo(100, 300); |
| eventSender.mouseUp(); |
| } |
| window.onload = init; |
| </script> |
| </head> |
| <frameset rows="400px,*"> |
| <frame src="data:text/html, |
| <style> |
| div { |
| width: 50vh; |
| height: 50vh; |
| background: #36C; |
| }</style> |
| <div></div> |
| <p>Bug 86418: This tests that on resizing initial containing block vertically, |
| element with 'vh' length gets resized.</p> |
| <p>Blue square should be half the height of frame height.</p> |
| "></frame> |
| <frame src=""></frame> |
| </frameset> |
| </html> |