Index: LayoutTests/fast/css-grid-layout/grid-container-ignore-first-letter.html |
diff --git a/LayoutTests/fast/css-grid-layout/grid-container-ignore-first-letter.html b/LayoutTests/fast/css-grid-layout/grid-container-ignore-first-letter.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..6b9c1899187e3a5aacc958ba5e33666a1279de65 |
--- /dev/null |
+++ b/LayoutTests/fast/css-grid-layout/grid-container-ignore-first-letter.html |
@@ -0,0 +1,59 @@ |
+<!DOCTYPE html> |
+<html> |
+<link href="resources/grid.css" rel="stylesheet"> |
+<style> |
+ body { line-height: 20px; } |
+ .grid-first-letter::first-letter { line-height: 100px; } |
+ .container::first-letter { line-height: 200px; } |
+</style> |
+ |
+<script src="../../resources/check-layout.js"></script> |
+<body onload="checkLayout('.grid-first-letter');"> |
+<p>This test grid item should ignore grid container's first-letter pseudo-element.</p> |
+ |
+<div class="grid grid-first-letter"> |
+ <div class="item" data-expected-height=20>The first item.</div> |
+ <div class="item" data-expected-height=20>The second item.</div> |
+</div> |
+ |
+<div class="inline-grid grid-first-letter"> |
+ <div class="item" data-expected-height=20>The first item.</div> |
+ <div class="item" data-expected-height=20>The second item.</div> |
+</div> |
+ |
+<div class="grid grid-first-letter" data-expected-height=20> |
+ Anonymous item. |
+</div> |
+ |
+<div class="inline-grid grid-first-letter" data-expected-height=20> |
+ Anonymous item. |
+</div> |
+ |
+<div class="container"> |
+ <div class="grid grid-first-letter"> |
+ <div class="item" data-expected-height=20>The first item.</div> |
+ <div class="item" data-expected-height=20>The second item.</div> |
+ </div> |
+</div> |
+ |
+<div class="container"> |
+ <div class="inline-grid grid-first-letter"> |
+ <div class="item" data-expected-height=20>The first item.</div> |
+ <div class="item" data-expected-height=20>The second item.</div> |
+ </div> |
+</div> |
+ |
+<div class="container"> |
+ <div class="grid grid-first-letter" data-expected-height=20> |
+ Anonymous item. |
+ </div> |
+</div> |
+ |
+<div class="container"> |
+ <div class="inline-grid grid-first-letter" data-expected-height=20> |
+ Anonymous item. |
+ </div> |
+</div> |
+ |
+</body> |
+</html> |