Chromium Code Reviews Chromium Code Reviews
Issue 2828453002:
Add NeedsPreferredWidthsRecalculation() for block (Closed)
| Index: third_party/WebKit/LayoutTests/fast/inline-block/inline-block-update-width.html |
| diff --git a/third_party/WebKit/LayoutTests/fast/inline-block/inline-block-update-width.html b/third_party/WebKit/LayoutTests/fast/inline-block/inline-block-update-width.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..b62256c6ea4e61b7fcc4b6219bf1acd15760cc5a |
| --- /dev/null |
| +++ b/third_party/WebKit/LayoutTests/fast/inline-block/inline-block-update-width.html |
| @@ -0,0 +1,42 @@ |
| +<!DOCTYPE html> |
| +<style> |
| +#parent { |
| + height: 100px; |
| +} |
| +#container { |
| + display: inline-block; |
| + height: 100%; |
| +} |
| +img { |
| + display: block; |
| + min-height: 100%; |
| + width: auto; |
|
mstensho (USE GERRIT)
2017/04/19 10:58:47
width and height are initially auto, so no need to
|
| + height: auto; |
| +} |
| +</style> |
| + |
| +<p> |
| +Tests that resizing inline-block container element |
| +when img with width: auto and height: auto resizes |
| +</p> |
| + |
| +<div style="height:100px"> |
| + <div id="parent"> |
| + <div id="container" data-expected-width="25" data-expected-height="50"> |
| + <img src='data:image/svg+xml;utf8,<svg height="2px" width="1px" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"></svg>'></img> |
| + </div> |
| + </div> |
| +</div> |
| + |
| +<script src="../../resources/check-layout.js"></script> |
|
mstensho (USE GERRIT)
2017/04/19 10:58:47
Please consider using testharness when writing che
|
| + |
| +<script> |
| + function runTest() { |
|
mstensho (USE GERRIT)
2017/04/19 10:58:47
Seems that you can just do all these things right
|
| + document.body.offsetTop; |
| + var parent = document.getElementById('parent'); |
| + parent.style.height = "50px"; |
| + document.body.offsetTop; |
| + checkLayout("#container"); |
| + } |
| +window.onload = runTest; |
| +</script> |
