Index: LayoutTests/fast/css-intrinsic-dimensions/height-positioned-replaced.html |
diff --git a/LayoutTests/fast/css-intrinsic-dimensions/height-positioned-replaced.html b/LayoutTests/fast/css-intrinsic-dimensions/height-positioned-replaced.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..e4bca131152e2e9cdfa006a9318bdd09ebe2feaf |
--- /dev/null |
+++ b/LayoutTests/fast/css-intrinsic-dimensions/height-positioned-replaced.html |
@@ -0,0 +1,119 @@ |
+<!DOCTYPE html> |
+<!-- |
+iframes have an intrinsic size of 300x150 |
+--> |
+<style> |
+ @import "resources/height-keyword-classes.css"; |
+ |
+ body * { |
+ border: 2px solid red; |
+ padding: 5px; |
+ clear: both; |
+ } |
+ |
+ .container { |
+ height: 600px; |
+ border-color: blue; |
+ |
+ display: inline-block; |
+ width: 100px; |
+ } |
+ |
+ .position-container { |
+ border-color: green; |
+ position: relative; |
+ height: 180px; |
+ } |
+ |
+ .position-container > * { |
+ position: absolute; |
+ border: 5px solid pink; |
+ width: 50px; |
+ } |
+ |
+ .f-a-container { |
+ height: 100%; |
+ box-sizing: border-box; |
+ } |
+ |
+ .small { |
+ height: 1px; |
+ } |
+ |
+ .big { |
+ height: 300px; |
+ } |
+ |
+ .really-big { |
+ height: 1000px; |
+ } |
+</style> |
+<div class="container"> |
+ <div class="position-container"> |
+ <iframe class="min-content"> |
+ </iframe> |
+ </div> |
+ <div class="position-container"> |
+ <iframe class="max-content"> |
+ </iframe> |
+ </div> |
+ <div class="position-container"> |
+ <iframe class="fit-content"> |
+ </iframe> |
+ </div> |
+</div> |
+ |
+<div class="container"> |
+ <div class="position-container f-a-container"> |
+ <iframe class="fill-available"> |
+ </iframe> |
+ </div> |
+</div> |
+ |
+<div class="container"> |
+ <div class="position-container"> |
+ <iframe class="small min-height-min-content"> |
+ </iframe> |
+ |
+ </div> |
+ <div class="position-container"> |
+ <iframe class="small min-height-max-content"> |
+ </iframe> |
+ |
+ </div> |
+ <div class="position-container"> |
+ <iframe class="small min-height-fit-content"> |
+ </iframe> |
+ </div> |
+</div> |
+ |
+<div class="container"> |
+ <div class="position-container f-a-container"> |
+ <iframe class="small min-height-fill-available"> |
+ </iframe> |
+ </div> |
+</div> |
+ |
+<div class="container"> |
+ <div class="position-container"> |
+ <iframe class="big max-height-min-content"> |
+ </iframe> |
+ |
+ </div> |
+ <div class="position-container"> |
+ <iframe class="big max-height-max-content"> |
+ </iframe> |
+ |
+ </div> |
+ <div class="position-container"> |
+ <iframe class="big max-height-fit-content"> |
+ </iframe> |
+ </div> |
+</div> |
+ |
+<div class="container"> |
+ <div class="position-container f-a-container"> |
+ <iframe class="really-big max-height-fill-available"> |
+ </iframe> |
+ </div> |
+</div> |