diff options
| author | rego@igalia.com <rego@igalia.com@bbb929c8-8fbe-4397-9dbb-9b2b20218538> | 2014-07-16 10:48:00 +0000 |
|---|---|---|
| committer | rego@igalia.com <rego@igalia.com@bbb929c8-8fbe-4397-9dbb-9b2b20218538> | 2014-07-16 10:48:00 +0000 |
| commit | 54a32beb556ec6fb94d516e2949b80b14dd780a3 (patch) | |
| tree | c0ca7bb291ab05bb0360f569146617bebf03f72c /third_party/WebKit/LayoutTests/fast/css-grid-layout/named-grid-lines-with-named-grid-areas-resolution.html | |
| parent | 45acb6c51852298925516e99e7592738c98e87b8 (diff) | |
| download | chromium_src-54a32beb556ec6fb94d516e2949b80b14dd780a3.zip chromium_src-54a32beb556ec6fb94d516e2949b80b14dd780a3.tar.gz chromium_src-54a32beb556ec6fb94d516e2949b80b14dd780a3.tar.bz2 | |
[CSS Grid Layout] Support sparse in auto-placement algorithm
Sparse mode for auto-placement algorithm was not implemented yet.
This patch implements sparse mode for auto-placement algorithm. It keeps
track of the auto-placement cursor in
RenderGrid::placeAutoMajorAxisItemsOnGrid() and updates it accordingly
when auto-positioned items are placed.
If we're in dense mode it resets the cursor after each item.
GridIterator has been adapted to look for empty areas from a given
position in both directions.
Test cases have been adapted accordingly, adding new cases to cover both
sparse and dense options.
TEST=fast/css-grid-layout/grid-auto-flow-sparse.html
BUG=384099
Review URL: https://codereview.chromium.org/362733002
git-svn-id: svn://svn.chromium.org/blink/trunk@178262 bbb929c8-8fbe-4397-9dbb-9b2b20218538
Diffstat (limited to 'third_party/WebKit/LayoutTests/fast/css-grid-layout/named-grid-lines-with-named-grid-areas-resolution.html')
| -rw-r--r-- | third_party/WebKit/LayoutTests/fast/css-grid-layout/named-grid-lines-with-named-grid-areas-resolution.html | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/third_party/WebKit/LayoutTests/fast/css-grid-layout/named-grid-lines-with-named-grid-areas-resolution.html b/third_party/WebKit/LayoutTests/fast/css-grid-layout/named-grid-lines-with-named-grid-areas-resolution.html index f36175d..aa2cd93 100644 --- a/third_party/WebKit/LayoutTests/fast/css-grid-layout/named-grid-lines-with-named-grid-areas-resolution.html +++ b/third_party/WebKit/LayoutTests/fast/css-grid-layout/named-grid-lines-with-named-grid-areas-resolution.html @@ -107,7 +107,7 @@ <!-- Check positioning using grid areas --> <div style="position: relative"> - <div class="grid gridAreas gridNoLineNames"> + <div class="grid gridAreas gridNoLineNames gridAutoFlowRowDense"> <div class="sizedToGridArea" style="grid-column: d;" data-offset-x="150" data-offset-y="0" data-expected-width="200" data-expected-height="50"></div> <div class="sizedToGridArea" style="grid-row: d;" data-offset-x="0" data-offset-y="150" data-expected-width="50" data-expected-height="200"></div> <div class="sizedToGridArea" style="grid-column: c;" data-offset-x="0" data-offset-y="0" data-expected-width="50" data-expected-height="50"></div> @@ -125,7 +125,7 @@ <!-- Use grid area's implicit line names if defined before explicitly named grid lines --> <div style="position: relative"> - <div class="grid gridAreas gridWithNamedLineAfterGridArea"> + <div class="grid gridAreas gridWithNamedLineAfterGridArea gridAutoFlowRowDense"> <div class="sizedToGridArea" style="grid-column: d;" data-offset-x="150" data-offset-y="0" data-expected-width="200" data-expected-height="50"></div> <div class="sizedToGridArea" style="grid-row: d;" data-offset-x="0" data-offset-y="150" data-expected-width="50" data-expected-height="200"></div> <div class="sizedToGridArea" style="grid-column: c;" data-offset-x="0" data-offset-y="0" data-expected-width="50" data-expected-height="50"></div> |