Chromium Code Reviews Chromium Code Reviews
Issue 1876123002:
Absolute positioned child with percent should include containing block padding (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@master| Index: third_party/WebKit/LayoutTests/fast/css/getComputedStyle/getComputedStyle-left.html |
| diff --git a/third_party/WebKit/LayoutTests/fast/css/getComputedStyle/getComputedStyle-left.html b/third_party/WebKit/LayoutTests/fast/css/getComputedStyle/getComputedStyle-left.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..e4248adfc814c56e1ca1357fd0baf873d08d23cf |
| --- /dev/null |
| +++ b/third_party/WebKit/LayoutTests/fast/css/getComputedStyle/getComputedStyle-left.html |
| @@ -0,0 +1,33 @@ |
| +<!DOCTYPE html> |
| +<style> |
| + * { |
| + box-sizing: border-box; |
| + } |
| + |
| + .container { |
| + width: 400px; |
| + height: 100px; |
| + background: #DDD; |
| + position: relative; |
| + padding: 0 10%; |
|
mstensho (USE GERRIT)
2016/05/11 08:36:22
I don't think you need to use percents here (they
Deokjin Kim
2016/05/11 14:10:04
Done.
|
| + } |
| + |
| + .item { |
| + width: 100px; |
| + height: 100px; |
| + background: #09F; |
| + left: 10%; |
| + position: absolute; |
| + } |
| +</style> |
| +<script src="../../../resources/js-test.js"></script> |
| +<div class="container"> |
| + <div class="item"> |
| + </div> |
| +</div> |
| +<script> |
| + description("Blue item box is 10% left in container. Box should display 40px as getComputedStyle( item ).left should return 40px (400px * 10%)"); |
| + var item = document.querySelector('.item'); |
| + var computedStyle = window.getComputedStyle(item); |
| + shouldBe("computedStyle.getPropertyValue('left')", "'40px'"); |
| +</script> |
