Chromium Code Reviews Chromium Code Reviews
Issue 697653004:
[CSS Grid Layout] Grid items must set a new formatting context. (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master| Index: LayoutTests/fast/css-grid-layout/float-not-protruding-into-next-grid-item-expected.html |
| diff --git a/LayoutTests/fast/css-grid-layout/float-not-protruding-into-next-grid-item-expected.html b/LayoutTests/fast/css-grid-layout/float-not-protruding-into-next-grid-item-expected.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..f9413b4021aa7ec58ad32745f85fb5a8577baa28 |
| --- /dev/null |
| +++ b/LayoutTests/fast/css-grid-layout/float-not-protruding-into-next-grid-item-expected.html |
| @@ -0,0 +1,57 @@ |
| +<!DOCTYPE html> |
| +<html> |
| +<head> |
| +<link href="resources/grid.css" rel="stylesheet"> |
| +<style> |
| +.cell { |
| + width: 50px; |
| + height: auto; |
| + min-height: 50px |
| +} |
| + |
| +.invisibleFont { |
| + color: lime; |
| +} |
| + |
| +.floatLeft { |
| + float: left; |
| +} |
| + |
| +.clearLeft { |
| + clear: left; |
| +} |
| + |
| +.floatChild { |
|
Manuel Rego
2014/11/12 14:11:53
This is not used in the this file, so it should be
jfernandez
2014/11/12 14:23:39
Done.
|
| + float: left; |
| + clear: both; |
| +} |
| + |
| +.relative { |
| + position: relative; |
| +} |
| +</style> |
| +</head> |
| + |
| +<body> |
| + |
| +<div>This test checks that grid item sets a new formatting context for its content, preventing any 'float' protruding content on the adjoining grid item.</div> |
| + |
| +<div> |
| + <div class="cell relative floatLeft firstRowFirstColumn"> |
| + <div>Float1</div> |
| + <div>Float2</div> |
| + <div>Float3</div> |
| + <div>Float4</div> |
| + </div> |
| + <div class="cell floatLeft firstRowSecondColumn"> |
| + <div class="invisibleFont">Float1</div> |
| + <div class="invisibleFont">Float2</div> |
| + <div class="invisibleFont">Float3</div> |
| + <div class="invisibleFont">Float4</div> |
| + </div> |
| + <div class="cell floatLeft clearLeft secondRowFirstColumn"></div> |
| + <div class="cell floatLeft secondRowSecondColumn"></div> |
| +</div> |
| + |
| +</body> |
| +</html> |
