OLD | NEW |
(Empty) | |
| 1 <!doctype html> |
| 2 <script src="../../resources/js-test.js"></script> |
| 3 <svg viewBox="0 0 250 250"> |
| 4 <foreignObject width="250" height="250"> |
| 5 <svg style="height:100%; background: blue"> |
| 6 </svg> |
| 7 </foreignObject> |
| 8 </svg> |
| 9 <script> |
| 10 description("Test use of percentages inside foreignObject"); |
| 11 |
| 12 var nestedSvg = document.querySelectorAll('svg')[1]; |
| 13 shouldBe("nestedSvg.offsetHeight", "250"); |
| 14 |
| 15 nestedSvg.style.height = "50%"; |
| 16 shouldBe("nestedSvg.offsetHeight", "125"); |
| 17 |
| 18 var foreignObject = nestedSvg.parentNode; |
| 19 foreignObject.height.baseVal.value = 400; |
| 20 shouldBe("nestedSvg.offsetHeight", "200"); |
| 21 </script> |
OLD | NEW |