Index: third_party/WebKit/LayoutTests/fast/block/positioning/complex-positioned-movement-inline-ancestor.html |
diff --git a/third_party/WebKit/LayoutTests/fast/block/positioning/complex-positioned-movement-inline-ancestor.html b/third_party/WebKit/LayoutTests/fast/block/positioning/complex-positioned-movement-inline-ancestor.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..5d5b3bd03bcb2d626410fdc5283111f590c244fe |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/fast/block/positioning/complex-positioned-movement-inline-ancestor.html |
@@ -0,0 +1,43 @@ |
+<!DOCTYPE html> |
+<style> |
+.red { |
+ position: absolute; |
+ left:0px; |
+ top:0; |
+ width: 100px; |
+ height: 100px; |
+ background-color: red; |
+} |
+.abspos { |
+ position: absolute; |
+ left:0; |
+ top:0; |
+ width: 100px; |
+ height: 100px; |
+ background-color: green; |
+} |
+.relative-inline { |
+ position:relative; |
+ display: inline; |
+} |
+.relative { |
+ position:relative; |
+ left: 100px; |
+} |
+</style> |
+<p>crbug.com/517369: There should be no red. </p> |
+<div class="relative"> |
+ <div class="red"></div> |
+ <span class="relative-inline"> |
+ <div style="margin-left: -100px;"> |
+ <span class="relative-inline"> |
+ <div class="abspos" id="inner"></div> |
+ </span> |
+ </div> |
+ </span> |
+</div> |
+<script> |
+document.body.offsetLeft; |
+document.getElementById('inner').style.left = '100px'; |
+</script> |
+ |