Chromium Code Reviews Chromium Code Reviews
Issue 1530303003:
Implement Layout Containment (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@master| Index: third_party/WebKit/LayoutTests/fast/css/containment/layout-containment-sizing.html |
| diff --git a/third_party/WebKit/LayoutTests/fast/css/containment/layout-containment-sizing.html b/third_party/WebKit/LayoutTests/fast/css/containment/layout-containment-sizing.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..2c4b96d7a6fdd01d375985accb239a617afe541d |
| --- /dev/null |
| +++ b/third_party/WebKit/LayoutTests/fast/css/containment/layout-containment-sizing.html |
| @@ -0,0 +1,53 @@ |
| +<!DOCTYPE html> |
| +<style> |
| +.containLayout { |
| + contain: strict; |
| + background-color: green; |
| +} |
| +.sized { |
| + height: 10px; |
| + width: 10px; |
| +} |
| +.overhangingFloat { |
| + float: left; |
| + width: 10px; |
| + height: 50px; |
| + background-color: papayawhip; |
| +} |
| +.inlineBlock { |
| + display: inline-block; |
| +} |
| +#absolute { |
| + position: absolute; |
| + left: 200px; |
| + top: 100px; |
| + width: 10px; |
| +} |
| +</style> |
| + |
| +<div class="containLayout" data-expected-height=0><div class="sized"></div></div> |
| + |
| +<div class="containLayout sized" data-expected-height=10><div class="overhangingFloat"></div></div> |
| + |
| +<div class="testContainer" data=expected-height=0> |
| + <div class="containLayout" data-expected-height=0><div class="overhangingFloat"></div></div> |
| +</div> |
| + |
| +<div class="testContainer" data=expected-height=0> |
| + <div class="containLayout inlineBlock" data-expected-height=0><div class="overhangingFloat"></div></div> |
| +</div> |
| + |
| +<div class="testContainer" data=expected-height=10> |
| + <div class="containLayout inlineBlock sized" data-expected-height=10><div class="overhangingFloat"></div></div> |
| +</div> |
| + |
| +<div id="absolute"> |
|
szager1
2015/12/16 23:46:23
Might be a good idea to do another test case like
|
| + <div class="overhangingFloat"></div> |
| + <div class="containLayout sized" data-offset-y=50></div> |
| +</div> |
| + |
| +<script src="../../../resources/check-layout.js"></script> |
| +<script> |
| +checkLayout('.containLayout'); |
| +checkLayout('.testContainer'); |
| +</script> |
