WebKit Bugzilla
Attachment 359707 Details for
Bug 193657
: [css-grid] Issue with abspos element which containing block is the grid container
Home
|
New
|
Browse
|
Search
|
[?]
|
Reports
|
Requests
|
Help
|
New Account
|
Log In
Remember
[x]
|
Forgot Password
Login:
[x]
[patch]
Patch
bug-193657-20190121222737.patch (text/plain), 825.33 KB, created by
Oriol Brufau
on 2019-01-21 13:27:39 PST
(
hide
)
Description:
Patch
Filename:
MIME Type:
Creator:
Oriol Brufau
Created:
2019-01-21 13:27:39 PST
Size:
825.33 KB
patch
obsolete
>Subversion Revision: 240106 >diff --git a/Source/WebCore/ChangeLog b/Source/WebCore/ChangeLog >index e1656dffb383fc9bc35599fdae6f61228489b488..c8e1240cf309fbdcb1d58b5b63e16accc78b2270 100644 >--- a/Source/WebCore/ChangeLog >+++ b/Source/WebCore/ChangeLog >@@ -1,3 +1,59 @@ >+2019-01-21 Oriol Brufau <obrufau@igalia.com> >+ >+ [css-grid] Properly handle static positions of abspos inside grid items >+ https://bugs.webkit.org/show_bug.cgi?id=193657 >+ >+ Reviewed by NOBODY (OOPS!). >+ >+ Rename findChildLogicalPosition to setLogicalPositionForChild and let it set the position. >+ Add setLogicalOffsetForChild like setLogicalPositionForChild but just for one offset, >+ and only if it's needed (not for abspos descentants in their static position). >+ Add logicalOffsetForChild that finds the value to be set by the functions above. >+ Rename existing logicalOffsetForChild to logicalOffsetForOutOfFlowChild. >+ >+ Tests: imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-001.html >+ imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-002.html >+ imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-003.html >+ imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-004.html >+ imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-005.html >+ imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-006.html >+ imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-007.html >+ imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-008.html >+ imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-009.html >+ imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-010.html >+ imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-011.html >+ imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-012.html >+ imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-013.html >+ imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-014.html >+ imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-015.html >+ imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-016.html >+ imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-001.html >+ imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-002.html >+ imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-003.html >+ imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-004.html >+ imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-005.html >+ imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-006.html >+ imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-007.html >+ imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-008.html >+ imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-009.html >+ imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-010.html >+ imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-011.html >+ imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-012.html >+ imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-013.html >+ imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-014.html >+ imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-015.html >+ imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-016.html >+ >+ * rendering/RenderGrid.cpp: >+ (WebCore::RenderGrid::layoutGridItems): >+ (WebCore::RenderGrid::layoutPositionedObject): >+ (WebCore::RenderGrid::logicalOffsetForOutOfFlowChild const): >+ (WebCore::RenderGrid::gridAreaPositionForOutOfFlowChild const): >+ (WebCore::RenderGrid::setLogicalPositionForChild const): >+ (WebCore::RenderGrid::setLogicalOffsetForChild const): >+ (WebCore::RenderGrid::logicalOffsetForChild const): >+ * rendering/RenderGrid.h: >+ > 2019-01-16 Simon Fraser <simon.fraser@apple.com> > > Stub out scrolling tree classes for overflow scrolling nodes on macOS >diff --git a/Source/WebCore/rendering/RenderGrid.cpp b/Source/WebCore/rendering/RenderGrid.cpp >index 357b32416834a470916c58c941904c16e65a9d76..6eefef5ad5d982fe5d84374a8f378afae48412d1 100644 >--- a/Source/WebCore/rendering/RenderGrid.cpp >+++ b/Source/WebCore/rendering/RenderGrid.cpp >@@ -942,7 +942,7 @@ void RenderGrid::layoutGridItems() > updateAutoMarginsInColumnAxisIfNeeded(*child); > updateAutoMarginsInRowAxisIfNeeded(*child); > >- child->setLogicalLocation(findChildLogicalPosition(*child)); >+ setLogicalPositionForChild(*child); > > // If the child moved, we have to repaint it as well as any floating/positioned > // descendants. An exception is if we need a layout. In this case, we know we're going to >@@ -982,8 +982,8 @@ void RenderGrid::layoutPositionedObject(RenderBox& child, bool relayoutChildren, > > RenderBlock::layoutPositionedObject(child, relayoutChildren, fixedPositionObjectsOnly); > >- if (child.isGridItem() || !hasStaticPositionForChild(child, ForColumns) || !hasStaticPositionForChild(child, ForRows)) >- child.setLogicalLocation(findChildLogicalPosition(child)); >+ setLogicalOffsetForChild(child, ForColumns); >+ setLogicalOffsetForChild(child, ForRows); > } > > LayoutUnit RenderGrid::gridAreaBreadthForChildIncludingAlignmentOffsets(const RenderBox& child, GridTrackSizingDirection direction) const >@@ -1547,8 +1547,9 @@ LayoutUnit RenderGrid::gridAreaBreadthForOutOfFlowChild(const RenderBox& child, > return std::max(end - start, 0_lu); > } > >-LayoutUnit RenderGrid::logicalOffsetForChild(const RenderBox& child, GridTrackSizingDirection direction, LayoutUnit trackBreadth) const >+LayoutUnit RenderGrid::logicalOffsetForOutOfFlowChild(const RenderBox& child, GridTrackSizingDirection direction, LayoutUnit trackBreadth) const > { >+ ASSERT(child.isOutOfFlowPositioned()); > if (hasStaticPositionForChild(child, direction)) > return 0_lu; > >@@ -1577,7 +1578,7 @@ void RenderGrid::gridAreaPositionForOutOfFlowChild(const RenderBox& child, GridT > auto& positions = isRowAxis ? m_columnPositions : m_rowPositions; > start = positions[line.value()]; > } >- start += logicalOffsetForChild(child, direction, trackBreadth); >+ start += logicalOffsetForOutOfFlowChild(child, direction, trackBreadth); > end = start + trackBreadth; > } > >@@ -1756,23 +1757,36 @@ LayoutUnit RenderGrid::translateRTLCoordinate(LayoutUnit coordinate) const > return rightGridEdgePosition + alignmentOffset - coordinate; > } > >-LayoutPoint RenderGrid::findChildLogicalPosition(const RenderBox& child) const >+// FIXME: SetLogicalPositionForChild has only one caller, consider its refactoring in the future. >+void RenderGrid::setLogicalPositionForChild(RenderBox& child) const > { >- LayoutUnit columnAxisOffset = columnAxisOffsetForChild(child); >- LayoutUnit rowAxisOffset = rowAxisOffsetForChild(child); >- bool isOrthogonalChild = GridLayoutFunctions::isOrthogonalChild(*this, child); >+ // "In the positioning phase [...] calculations are performed according to the writing mode of the containing block of the box establishing the >+ // orthogonal flow." However, 'setLogicalLocation' will only take into account the child's writing-mode, so the position may need to be transposed. >+ LayoutPoint childLocation(logicalOffsetForChild(child, ForColumns), logicalOffsetForChild(child, ForRows)); >+ child.setLogicalLocation(GridLayoutFunctions::isOrthogonalChild(*this, child) ? childLocation.transposedPoint() : childLocation); >+} > >+void RenderGrid::setLogicalOffsetForChild(RenderBox& child, GridTrackSizingDirection direction) const >+{ >+ if (!child.isGridItem() && hasStaticPositionForChild(child, direction)) >+ return; >+ // 'setLogicalLeft' and 'setLogicalTop' only take into account the child's writing-mode, that's why 'flowAwareDirectionForChild' is needed. >+ if (GridLayoutFunctions::flowAwareDirectionForChild(*this, child, direction) == ForColumns) >+ child.setLogicalLeft(logicalOffsetForChild(child, direction)); >+ else >+ child.setLogicalTop(logicalOffsetForChild(child, direction)); >+} >+ >+LayoutUnit RenderGrid::logicalOffsetForChild(const RenderBox& child, GridTrackSizingDirection direction) const >+{ >+ if (direction == ForRows) >+ return columnAxisOffsetForChild(child); >+ LayoutUnit rowAxisOffset = rowAxisOffsetForChild(child); > // We stored m_columnPositions's data ignoring the direction, hence we might need now > // to translate positions from RTL to LTR, as it's more convenient for painting. > if (!style().isLeftToRightDirection()) >- rowAxisOffset = (child.isOutOfFlowPositioned() ? translateOutOfFlowRTLCoordinate(child, rowAxisOffset) : translateRTLCoordinate(rowAxisOffset)) - (isOrthogonalChild ? child.logicalHeight() : child.logicalWidth()); >- >- // "In the positioning phase [...] calculations are performed according to the writing mode >- // of the containing block of the box establishing the orthogonal flow." However, the >- // resulting LayoutPoint will be used in 'setLogicalPosition' in order to set the child's >- // logical position, which will only take into account the child's writing-mode. >- LayoutPoint childLocation(rowAxisOffset, columnAxisOffset); >- return isOrthogonalChild ? childLocation.transposedPoint() : childLocation; >+ rowAxisOffset = (child.isOutOfFlowPositioned() ? translateOutOfFlowRTLCoordinate(child, rowAxisOffset) : translateRTLCoordinate(rowAxisOffset)) - (GridLayoutFunctions::isOrthogonalChild(*this, child) ? child.logicalHeight() : child.logicalWidth()); >+ return rowAxisOffset; > } > > unsigned RenderGrid::nonCollapsedTracks(GridTrackSizingDirection direction) const >diff --git a/Source/WebCore/rendering/RenderGrid.h b/Source/WebCore/rendering/RenderGrid.h >index de3c23483a0cc1f076f4e1bd4fc926175ccbfb7e..a9e62b1b0fef5963f5fd48b2d23a75c98153e596 100644 >--- a/Source/WebCore/rendering/RenderGrid.h >+++ b/Source/WebCore/rendering/RenderGrid.h >@@ -136,7 +136,7 @@ private: > LayoutUnit resolveAutoStartGridPosition(GridTrackSizingDirection) const; > LayoutUnit resolveAutoEndGridPosition(GridTrackSizingDirection) const; > LayoutUnit gridAreaBreadthForOutOfFlowChild(const RenderBox&, GridTrackSizingDirection); >- LayoutUnit logicalOffsetForChild(const RenderBox&, GridTrackSizingDirection, LayoutUnit) const; >+ LayoutUnit logicalOffsetForOutOfFlowChild(const RenderBox&, GridTrackSizingDirection, LayoutUnit) const; > void gridAreaPositionForOutOfFlowChild(const RenderBox&, GridTrackSizingDirection, LayoutUnit& start, LayoutUnit& end) const; > void gridAreaPositionForInFlowChild(const RenderBox&, GridTrackSizingDirection, LayoutUnit& start, LayoutUnit& end) const; > void gridAreaPositionForChild(const RenderBox&, GridTrackSizingDirection, LayoutUnit& start, LayoutUnit& end) const; >@@ -146,7 +146,9 @@ private: > LayoutUnit columnAxisOffsetForChild(const RenderBox&) const; > LayoutUnit rowAxisOffsetForChild(const RenderBox&) const; > void computeContentPositionAndDistributionOffset(GridTrackSizingDirection, const LayoutUnit& availableFreeSpace, unsigned numberOfGridTracks); >- LayoutPoint findChildLogicalPosition(const RenderBox&) const; >+ void setLogicalPositionForChild(RenderBox&) const; >+ void setLogicalOffsetForChild(RenderBox&, GridTrackSizingDirection) const; >+ LayoutUnit logicalOffsetForChild(const RenderBox&, GridTrackSizingDirection) const; > GridArea cachedGridArea(const RenderBox&) const; > GridSpan cachedGridSpan(const RenderBox&, GridTrackSizingDirection) const; > >diff --git a/LayoutTests/imported/w3c/ChangeLog b/LayoutTests/imported/w3c/ChangeLog >index 02d3c2e4b3d975456db164f4f3fa52b039a17b3e..4f7df936e59fd01e102bf086c0b9489d7cfb8a0c 100644 >--- a/LayoutTests/imported/w3c/ChangeLog >+++ b/LayoutTests/imported/w3c/ChangeLog >@@ -1,3 +1,90 @@ >+2019-01-21 Oriol Brufau <obrufau@igalia.com> >+ >+ [css-grid] Properly handle static positions of abspos inside grid items >+ https://bugs.webkit.org/show_bug.cgi?id=193657 >+ >+ Reviewed by NOBODY (OOPS!). >+ >+ Import test changes from WPT. >+ Various orthogonal tests still fail because of https://bugs.webkit.org/show_bug.cgi?id=189513 >+ Some other tests also fail because of https://bugs.webkit.org/show_bug.cgi?id=193656 >+ >+ * resources/import-expectations.json: >+ * web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-001-expected.txt: Added. >+ * web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-001.html: Added. >+ * web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-002-expected.txt: Added. >+ * web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-002.html: Added. >+ * web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-003-expected.txt: Added. >+ * web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-003.html: Added. >+ * web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-004-expected.txt: Added. >+ * web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-004.html: Added. >+ * web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-005-expected.txt: Added. >+ * web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-005.html: Added. >+ * web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-006-expected.txt: Added. >+ * web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-006.html: Added. >+ * web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-007-expected.txt: Added. >+ * web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-007.html: Added. >+ * web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-008-expected.txt: Added. >+ * web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-008.html: Added. >+ * web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-009-expected.txt: Added. >+ * web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-009.html: Added. >+ * web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-010-expected.txt: Added. >+ * web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-010.html: Added. >+ * web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-011-expected.txt: Added. >+ * web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-011.html: Added. >+ * web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-012-expected.txt: Added. >+ * web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-012.html: Added. >+ * web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-013-expected.txt: Added. >+ * web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-013.html: Added. >+ * web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-014-expected.txt: Added. >+ * web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-014.html: Added. >+ * web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-015-expected.txt: Added. >+ * web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-015.html: Added. >+ * web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-016-expected.txt: Added. >+ * web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-016.html: Added. >+ * web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-001-expected.txt: Added. >+ * web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-001.html: Added. >+ * web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-002-expected.txt: Added. >+ * web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-002.html: Added. >+ * web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-003-expected.txt: Added. >+ * web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-003.html: Added. >+ * web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-004-expected.txt: Added. >+ * web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-004.html: Added. >+ * web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-005-expected.txt: Added. >+ * web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-005.html: Added. >+ * web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-006-expected.txt: Added. >+ * web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-006.html: Added. >+ * web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-007-expected.txt: Added. >+ * web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-007.html: Added. >+ * web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-008-expected.txt: Added. >+ * web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-008.html: Added. >+ * web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-009-expected.txt: Added. >+ * web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-009.html: Added. >+ * web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-010-expected.txt: Added. >+ * web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-010.html: Added. >+ * web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-011-expected.txt: Added. >+ * web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-011.html: Added. >+ * web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-012-expected.txt: Added. >+ * web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-012.html: Added. >+ * web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-013-expected.txt: Added. >+ * web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-013.html: Added. >+ * web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-014-expected.txt: Added. >+ * web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-014.html: Added. >+ * web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-015-expected.txt: Added. >+ * web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-015.html: Added. >+ * web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-016-expected.txt: Added. >+ * web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-016.html: Added. >+ * web-platform-tests/css/css-grid/abspos/support/positioned-grid-descendants.css: Added. >+ (.grid): >+ (.abspos): >+ (.orthogonal): >+ (.grid > :nth-child(1) > .abspos): >+ (.grid > :nth-child(2) > .abspos): >+ * web-platform-tests/css/css-grid/abspos/support/positioned-grid-descendants.js: Added. >+ (export.runTests): >+ * web-platform-tests/css/css-grid/abspos/support/w3c-import.log: >+ * web-platform-tests/css/css-grid/abspos/w3c-import.log: >+ > 2019-01-14 Charles Vazac <cvazac@akamai.com> > > Import current Resource-Timing WPTs >diff --git a/LayoutTests/imported/w3c/resources/import-expectations.json b/LayoutTests/imported/w3c/resources/import-expectations.json >index 995219326a93eec7b52b0578350d5c90fa98e5e7..d6ee94121cd6a8b595ac32c56b2932f095281733 100644 >--- a/LayoutTests/imported/w3c/resources/import-expectations.json >+++ b/LayoutTests/imported/w3c/resources/import-expectations.json >@@ -67,6 +67,7 @@ > "web-platform-tests/css/css-color": "import", > "web-platform-tests/css/css-display": "import", > "web-platform-tests/css/css-grid": "import", >+ "web-platform-tests/css/css-grid/abspos": "import", > "web-platform-tests/css/css-grid/grid-definition/": "import", > "web-platform-tests/css/css-grid/layout-algorithm/": "import", > "web-platform-tests/css/css-lists/": "import", >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-001-expected.txt b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-001-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..9650853351fd5732da3ec38bc4fe9ba7972e5ec3 >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-001-expected.txt >@@ -0,0 +1,701 @@ >+ >+FAIL .grid 1 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 3; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 3; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 2 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 2; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 2; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 3 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 2; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 2; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 4 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 1; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 1; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 5 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 1; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 1; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 6 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 1; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 1; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 7 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: auto; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: auto; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 8 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: auto; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: auto; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 9 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: auto; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: auto; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 10 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 11 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 3; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 3; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 12 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 2; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 2; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 13 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 2; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 2; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 14 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 1; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 1; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 15 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 1; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 1; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 16 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 1; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 1; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 17 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: auto; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: auto; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 18 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: auto; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: auto; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 19 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: auto; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: auto; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 20 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 21 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 3; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 3; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 22 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 2; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 2; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 23 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 24 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 25 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 26 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 27 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: auto; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: auto; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 28 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: auto; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: auto; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 29 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: auto; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: auto; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 30 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: auto; grid-row-end: 1; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: auto; grid-row-end: 1; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 31 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 3; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 3; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 32 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 2; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 2; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 33 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 2; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 2; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 34 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 1; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 1; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 35 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 1; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 1; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 36 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 1; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 1; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 37 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: auto; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: auto; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 38 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: auto; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: auto; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 39 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: auto; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: auto; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 40 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 41 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 3; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 3; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 42 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 2; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 2; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 43 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 44 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 45 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 46 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 47 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: auto; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: auto; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 48 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: auto; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: auto; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 49 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: auto; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: auto; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 50 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: auto; grid-row-end: 1; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: auto; grid-row-end: 1; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 51 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 3; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 3; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 52 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 2; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 2; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 53 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 2; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 2; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 54 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 55 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 56 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 57 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: auto; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: auto; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 58 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: auto; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: auto; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 59 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: auto; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: auto; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 60 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: auto; grid-row-end: 1; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: auto; grid-row-end: 1; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 61 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 3; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 3; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 62 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 2; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 2; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 63 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 2; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 2; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 64 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 1; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 1; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 65 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 1; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 1; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 66 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 1; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 1; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 67 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: auto; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: auto; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 68 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: auto; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: auto; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 69 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: auto; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: auto; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 70 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 71 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 3; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 3; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 72 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 2; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 2; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 73 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 74 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 1; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 1; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 75 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 76 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 77 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: auto; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: auto; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 78 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: auto; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: auto; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 79 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: auto; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: auto; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 80 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: auto; grid-row-end: 1; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: auto; grid-row-end: 1; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 81 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 3; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 3; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 82 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 2; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 2; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 83 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 2; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 2; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 84 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 1; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 1; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 85 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 1; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 1; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 86 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 1; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 1; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 87 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: auto; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: auto; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 88 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: auto; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: auto; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 89 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: auto; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: auto; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 90 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: auto; grid-row-end: 1; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: auto; grid-row-end: 1; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 91 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 3; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 3; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 92 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 2; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 2; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 93 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 2; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 2; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 94 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 95 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 96 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 97 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 98 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 99 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 100 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 1; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 1; left: auto; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-001.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-001.html >new file mode 100644 >index 0000000000000000000000000000000000000000..856b8013af91cd8d0cb1eeb65502ad6d8fa2a270 >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-001.html >@@ -0,0 +1,26 @@ >+<!DOCTYPE html> >+<meta charset="utf-8"> >+<title>CSS Grid Layout Test: Positioned grid descendants</title> >+<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com"> >+<link rel="help" href="https://drafts.csswg.org/css-grid/#abspos" title="9. Absolute Positioning"> >+<meta name="assert" content="Checks that absolutely positioned orthogonal elements inside grid items are properly placed and sized when they have a static position (left/rigth and top/bottom are 'auto')."> >+ >+<link rel="stylesheet" href="support/positioned-grid-descendants.css" /> >+ >+<script src="/resources/testharness.js"></script> >+<script src="/resources/testharnessreport.js"></script> >+<script src="/resources/check-layout-th.js"></script> >+ >+<body> >+<div id="log"></div> >+<script type="module"> >+import {runTests} from "./support/positioned-grid-descendants.js"; >+runTests({ >+ left: "auto", >+ top: "auto", >+ right: "auto", >+ bottom: "auto", >+ orthogonal: true, >+}); >+</script> >+</body> >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-002-expected.txt b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-002-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..9f1fa0a53b1ae3203f35039b9710acac6abc3bc2 >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-002-expected.txt >@@ -0,0 +1,701 @@ >+ >+FAIL .grid 1 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="530" data-offset-y="45" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 3; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="530" data-offset-y="195" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 3; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 2 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="530" data-offset-y="45" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 2; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="530" data-offset-y="195" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 2; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 3 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="530" data-offset-y="45" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 2; grid-row-end: 3; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="530" data-offset-y="195" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 2; grid-row-end: 3; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 4 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="530" data-offset-y="45" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 1; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="530" data-offset-y="195" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 1; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 5 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="530" data-offset-y="45" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 1; grid-row-end: 3; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="530" data-offset-y="195" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 1; grid-row-end: 3; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 6 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="530" data-offset-y="45" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 1; grid-row-end: 2; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="530" data-offset-y="195" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 1; grid-row-end: 2; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 7 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="530" data-offset-y="45" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: auto; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="530" data-offset-y="195" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: auto; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 8 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="530" data-offset-y="45" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: auto; grid-row-end: 3; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="530" data-offset-y="195" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: auto; grid-row-end: 3; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 9 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="530" data-offset-y="45" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: auto; grid-row-end: 2; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="530" data-offset-y="195" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: auto; grid-row-end: 2; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 10 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="530" data-offset-y="45" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="530" data-offset-y="195" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 11 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="230" data-offset-y="45" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 3; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="230" data-offset-y="195" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 3; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 12 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="230" data-offset-y="45" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 2; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="230" data-offset-y="195" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 2; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 13 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="230" data-offset-y="45" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 2; grid-row-end: 3; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="230" data-offset-y="195" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 2; grid-row-end: 3; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 14 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="230" data-offset-y="45" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 1; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="230" data-offset-y="195" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 1; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 15 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="230" data-offset-y="45" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 1; grid-row-end: 3; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="230" data-offset-y="195" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 1; grid-row-end: 3; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 16 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="230" data-offset-y="45" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 1; grid-row-end: 2; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="230" data-offset-y="195" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 1; grid-row-end: 2; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 17 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="230" data-offset-y="45" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: auto; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="230" data-offset-y="195" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: auto; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 18 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="230" data-offset-y="45" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: auto; grid-row-end: 3; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="230" data-offset-y="195" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: auto; grid-row-end: 3; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 19 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="230" data-offset-y="45" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: auto; grid-row-end: 2; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="230" data-offset-y="195" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: auto; grid-row-end: 2; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 20 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="230" data-offset-y="45" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="230" data-offset-y="195" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 21 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="230" data-offset-y="45" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 3; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="230" data-offset-y="195" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 3; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 22 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="230" data-offset-y="45" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 2; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="230" data-offset-y="195" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 2; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 23 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="230" data-offset-y="45" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="230" data-offset-y="195" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 24 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="230" data-offset-y="45" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="230" data-offset-y="195" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 25 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="230" data-offset-y="45" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="230" data-offset-y="195" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 26 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="230" data-offset-y="45" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="230" data-offset-y="195" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 27 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="230" data-offset-y="45" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: auto; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="230" data-offset-y="195" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: auto; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 28 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="230" data-offset-y="45" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: auto; grid-row-end: 3; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="230" data-offset-y="195" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: auto; grid-row-end: 3; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 29 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="230" data-offset-y="45" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: auto; grid-row-end: 2; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="230" data-offset-y="195" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: auto; grid-row-end: 2; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 30 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="230" data-offset-y="45" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: auto; grid-row-end: 1; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="230" data-offset-y="195" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: auto; grid-row-end: 1; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 31 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="30" data-offset-y="45" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 3; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="30" data-offset-y="195" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 3; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 32 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="30" data-offset-y="45" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 2; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="30" data-offset-y="195" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 2; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 33 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="30" data-offset-y="45" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 2; grid-row-end: 3; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="30" data-offset-y="195" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 2; grid-row-end: 3; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 34 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="30" data-offset-y="45" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 1; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="30" data-offset-y="195" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 1; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 35 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="30" data-offset-y="45" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 1; grid-row-end: 3; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="30" data-offset-y="195" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 1; grid-row-end: 3; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 36 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="30" data-offset-y="45" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 1; grid-row-end: 2; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="30" data-offset-y="195" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 1; grid-row-end: 2; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 37 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="30" data-offset-y="45" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: auto; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="30" data-offset-y="195" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: auto; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 38 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="30" data-offset-y="45" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: auto; grid-row-end: 3; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="30" data-offset-y="195" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: auto; grid-row-end: 3; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 39 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="30" data-offset-y="45" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: auto; grid-row-end: 2; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="30" data-offset-y="195" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: auto; grid-row-end: 2; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 40 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="30" data-offset-y="45" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="30" data-offset-y="195" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 41 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="30" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 3; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="30" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 3; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 42 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="30" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 2; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="30" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 2; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 43 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="30" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="30" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 44 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="30" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="30" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 45 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="30" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="30" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 46 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="30" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="30" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 47 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="30" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: auto; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="30" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: auto; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 48 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="30" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: auto; grid-row-end: 3; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="30" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: auto; grid-row-end: 3; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 49 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="30" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: auto; grid-row-end: 2; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="30" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: auto; grid-row-end: 2; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 50 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="30" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: auto; grid-row-end: 1; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="30" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: auto; grid-row-end: 1; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 51 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="30" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 3; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="30" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 3; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 52 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="30" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 2; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="30" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 2; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 53 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="30" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 2; grid-row-end: 3; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="30" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 2; grid-row-end: 3; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 54 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="30" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="30" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 55 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="30" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 3; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="30" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 3; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 56 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="30" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 2; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="30" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 2; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 57 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="30" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: auto; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="30" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: auto; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 58 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="30" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: auto; grid-row-end: 3; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="30" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: auto; grid-row-end: 3; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 59 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="30" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: auto; grid-row-end: 2; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="30" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: auto; grid-row-end: 2; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 60 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="30" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: auto; grid-row-end: 1; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="30" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: auto; grid-row-end: 1; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 61 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 3; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 3; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 62 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 2; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 2; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 63 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 2; grid-row-end: 3; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 2; grid-row-end: 3; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 64 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 1; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 1; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 65 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 1; grid-row-end: 3; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 1; grid-row-end: 3; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 66 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 1; grid-row-end: 2; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 1; grid-row-end: 2; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 67 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: auto; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: auto; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 68 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: auto; grid-row-end: 3; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: auto; grid-row-end: 3; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 69 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: auto; grid-row-end: 2; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: auto; grid-row-end: 2; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 70 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 71 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 3; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 3; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 72 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 2; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 2; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 73 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 74 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 1; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 1; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 75 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 76 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 77 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: auto; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: auto; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 78 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: auto; grid-row-end: 3; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: auto; grid-row-end: 3; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 79 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: auto; grid-row-end: 2; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: auto; grid-row-end: 2; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 80 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: auto; grid-row-end: 1; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: auto; grid-row-end: 1; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 81 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 3; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 3; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 82 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 2; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 2; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 83 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 2; grid-row-end: 3; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 2; grid-row-end: 3; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 84 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 1; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 1; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 85 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 1; grid-row-end: 3; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 1; grid-row-end: 3; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 86 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 1; grid-row-end: 2; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 1; grid-row-end: 2; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 87 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: auto; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: auto; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 88 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: auto; grid-row-end: 3; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: auto; grid-row-end: 3; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 89 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: auto; grid-row-end: 2; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: auto; grid-row-end: 2; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 90 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: auto; grid-row-end: 1; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: auto; grid-row-end: 1; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 91 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 3; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 3; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 92 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 2; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 2; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 93 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 2; grid-row-end: 3; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 2; grid-row-end: 3; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 94 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 95 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: 3; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: 3; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 96 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: 2; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: 2; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 97 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: auto; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 98 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 3; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 3; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 99 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 2; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 2; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 100 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 1; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 1; left: 25px; top: auto; right: auto; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-002.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-002.html >new file mode 100644 >index 0000000000000000000000000000000000000000..4a039c9e92b7203c218903f051f623d74a8eeb87 >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-002.html >@@ -0,0 +1,26 @@ >+<!DOCTYPE html> >+<meta charset="utf-8"> >+<title>CSS Grid Layout Test: Positioned grid descendants</title> >+<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com"> >+<link rel="help" href="https://drafts.csswg.org/css-grid/#abspos" title="9. Absolute Positioning"> >+<meta name="assert" content="Checks that absolutely positioned orthogonal elements inside grid items are properly placed and sized when they have a specific 'left' offset and a static block position (top/bottom are 'auto')."> >+ >+<link rel="stylesheet" href="support/positioned-grid-descendants.css" /> >+ >+<script src="/resources/testharness.js"></script> >+<script src="/resources/testharnessreport.js"></script> >+<script src="/resources/check-layout-th.js"></script> >+ >+<body> >+<div id="log"></div> >+<script type="module"> >+import {runTests} from "./support/positioned-grid-descendants.js"; >+runTests({ >+ left: 25, >+ top: "auto", >+ right: "auto", >+ bottom: "auto", >+ orthogonal: true, >+}); >+</script> >+</body> >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-003-expected.txt b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-003-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..729b4cfc300bd5ede40593852983b62f2dca63f3 >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-003-expected.txt >@@ -0,0 +1,701 @@ >+ >+FAIL .grid 1 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="300" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 3; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="300" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 3; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 2 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="200" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 2; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="200" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 2; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 3 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="200" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 2; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="200" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 2; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 4 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="50" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 1; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="50" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 1; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 5 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="50" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 1; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="50" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 1; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 6 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="50" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 1; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="50" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 1; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 7 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="30" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: auto; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="30" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: auto; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 8 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="30" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: auto; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="30" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: auto; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 9 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="30" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: auto; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="30" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: auto; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 10 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="30" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="30" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 11 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="300" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 3; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="300" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 3; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 12 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="200" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 2; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="200" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 2; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 13 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="200" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 2; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="200" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 2; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 14 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="50" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 1; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="50" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 1; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 15 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="50" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 1; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="50" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 1; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 16 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="50" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 1; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="50" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 1; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 17 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="30" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: auto; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="30" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: auto; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 18 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="30" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: auto; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="30" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: auto; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 19 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="30" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: auto; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="30" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: auto; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 20 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="30" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="30" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 21 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="300" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 3; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="300" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 3; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 22 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="200" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 2; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="200" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 2; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 23 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="200" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="200" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 24 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="50" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="50" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 25 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="50" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="50" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 26 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="50" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="50" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 27 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="30" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: auto; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="30" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: auto; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 28 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="30" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: auto; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="30" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: auto; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 29 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="30" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: auto; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="30" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: auto; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 30 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="30" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: auto; grid-row-end: 1; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="30" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: auto; grid-row-end: 1; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 31 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="300" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 3; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="300" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 3; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 32 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="200" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 2; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="200" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 2; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 33 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="200" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 2; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="200" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 2; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 34 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="50" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 1; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="50" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 1; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 35 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="50" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 1; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="50" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 1; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 36 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="50" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 1; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="50" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 1; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 37 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="30" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: auto; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="30" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: auto; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 38 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="30" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: auto; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="30" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: auto; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 39 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="30" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: auto; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="30" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: auto; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 40 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="30" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="30" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 41 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="300" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 3; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="300" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 3; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 42 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="200" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 2; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="200" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 2; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 43 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="200" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="200" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 44 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="50" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="50" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 45 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="50" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="50" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 46 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="50" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="50" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 47 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="30" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: auto; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="30" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: auto; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 48 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="30" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: auto; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="30" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: auto; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 49 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="30" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: auto; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="30" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: auto; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 50 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="30" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: auto; grid-row-end: 1; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="30" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: auto; grid-row-end: 1; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 51 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="300" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 3; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="300" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 3; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 52 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="200" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 2; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="200" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 2; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 53 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="200" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 2; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="200" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 2; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 54 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="50" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="50" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 55 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="50" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="50" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 56 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="50" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="50" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 57 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="30" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: auto; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="30" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: auto; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 58 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="30" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: auto; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="30" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: auto; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 59 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="30" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: auto; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="30" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: auto; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 60 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="30" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: auto; grid-row-end: 1; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="30" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: auto; grid-row-end: 1; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 61 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="300" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 3; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="300" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 3; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 62 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="200" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 2; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="200" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 2; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 63 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="200" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 2; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="200" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 2; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 64 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="50" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 1; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="50" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 1; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 65 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="50" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 1; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="50" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 1; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 66 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="50" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 1; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="50" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 1; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 67 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="30" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: auto; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="30" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: auto; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 68 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="30" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: auto; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="30" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: auto; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 69 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="30" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: auto; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="30" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: auto; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 70 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="30" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="30" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 71 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="300" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 3; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="300" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 3; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 72 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="200" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 2; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="200" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 2; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 73 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="200" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="200" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 74 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="50" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 1; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="50" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 1; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 75 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="50" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="50" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 76 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="50" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="50" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 77 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: auto; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: auto; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 78 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: auto; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: auto; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 79 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: auto; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: auto; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 80 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: auto; grid-row-end: 1; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: auto; grid-row-end: 1; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 81 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="300" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 3; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="300" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 3; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 82 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="200" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 2; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="200" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 2; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 83 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="200" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 2; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="200" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 2; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 84 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="50" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 1; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="50" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 1; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 85 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="50" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 1; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="50" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 1; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 86 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="50" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 1; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="50" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 1; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 87 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: auto; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: auto; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 88 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: auto; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: auto; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 89 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: auto; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: auto; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 90 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: auto; grid-row-end: 1; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: auto; grid-row-end: 1; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 91 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="300" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 3; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="300" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 3; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 92 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="200" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 2; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="200" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 2; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 93 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="200" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 2; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="200" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 2; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 94 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="50" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="50" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 95 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="50" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="50" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 96 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="50" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="50" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 97 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 98 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 99 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 100 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 1; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 1; left: auto; top: 30px; right: auto; bottom: auto;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-003.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-003.html >new file mode 100644 >index 0000000000000000000000000000000000000000..6482248d664584f0e7af20e8b3fa1146bdc8669e >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-003.html >@@ -0,0 +1,26 @@ >+<!DOCTYPE html> >+<meta charset="utf-8"> >+<title>CSS Grid Layout Test: Positioned grid descendants</title> >+<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com"> >+<link rel="help" href="https://drafts.csswg.org/css-grid/#abspos" title="9. Absolute Positioning"> >+<meta name="assert" content="Checks that absolutely positioned orthogonal elements inside grid items are properly placed and sized when they have a specific 'top' offset and a static inline position (left/right are 'auto')."> >+ >+<link rel="stylesheet" href="support/positioned-grid-descendants.css" /> >+ >+<script src="/resources/testharness.js"></script> >+<script src="/resources/testharnessreport.js"></script> >+<script src="/resources/check-layout-th.js"></script> >+ >+<body> >+<div id="log"></div> >+<script type="module"> >+import {runTests} from "./support/positioned-grid-descendants.js"; >+runTests({ >+ left: "auto", >+ top: 30, >+ right: "auto", >+ bottom: "auto", >+ orthogonal: true, >+}); >+</script> >+</body> >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-004-expected.txt b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-004-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..cecba5db0986771d92b0bad665a12efc372352aa >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-004-expected.txt >@@ -0,0 +1,701 @@ >+ >+FAIL .grid 1 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="45" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 3; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="195" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 3; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 2 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="45" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 2; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="195" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 2; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 3 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="45" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 2; grid-row-end: 3; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="195" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 2; grid-row-end: 3; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 4 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="45" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 1; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="195" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 1; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 5 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="45" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 1; grid-row-end: 3; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="195" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 1; grid-row-end: 3; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 6 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="45" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 1; grid-row-end: 2; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="195" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 1; grid-row-end: 2; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 7 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="45" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: auto; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="195" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: auto; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 8 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="45" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: auto; grid-row-end: 3; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="195" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: auto; grid-row-end: 3; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 9 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="45" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: auto; grid-row-end: 2; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="195" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: auto; grid-row-end: 2; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 10 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="45" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="195" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 11 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="45" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 3; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="195" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 3; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 12 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="45" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 2; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="195" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 2; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 13 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="45" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 2; grid-row-end: 3; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="195" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 2; grid-row-end: 3; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 14 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="45" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 1; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="195" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 1; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 15 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="45" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 1; grid-row-end: 3; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="195" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 1; grid-row-end: 3; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 16 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="45" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 1; grid-row-end: 2; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="195" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 1; grid-row-end: 2; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 17 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="45" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: auto; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="195" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: auto; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 18 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="45" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: auto; grid-row-end: 3; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="195" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: auto; grid-row-end: 3; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 19 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="45" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: auto; grid-row-end: 2; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="195" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: auto; grid-row-end: 2; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 20 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="45" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="195" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 21 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="445" data-offset-y="45" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 3; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="445" data-offset-y="195" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 3; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 22 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="445" data-offset-y="45" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 2; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="445" data-offset-y="195" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 2; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 23 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="445" data-offset-y="45" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="445" data-offset-y="195" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 24 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="445" data-offset-y="45" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="445" data-offset-y="195" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 25 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="445" data-offset-y="45" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="445" data-offset-y="195" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 26 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="445" data-offset-y="45" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="445" data-offset-y="195" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 27 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="445" data-offset-y="45" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: auto; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="445" data-offset-y="195" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: auto; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 28 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="445" data-offset-y="45" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: auto; grid-row-end: 3; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="445" data-offset-y="195" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: auto; grid-row-end: 3; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 29 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="445" data-offset-y="45" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: auto; grid-row-end: 2; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="445" data-offset-y="195" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: auto; grid-row-end: 2; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 30 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="445" data-offset-y="45" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: auto; grid-row-end: 1; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="445" data-offset-y="195" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: auto; grid-row-end: 1; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 31 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="45" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 3; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="195" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 3; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 32 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="45" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 2; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="195" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 2; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 33 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="45" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 2; grid-row-end: 3; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="195" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 2; grid-row-end: 3; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 34 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="45" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 1; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="195" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 1; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 35 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="45" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 1; grid-row-end: 3; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="195" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 1; grid-row-end: 3; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 36 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="45" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 1; grid-row-end: 2; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="195" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 1; grid-row-end: 2; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 37 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="45" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: auto; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="195" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: auto; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 38 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="45" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: auto; grid-row-end: 3; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="195" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: auto; grid-row-end: 3; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 39 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="45" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: auto; grid-row-end: 2; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="195" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: auto; grid-row-end: 2; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 40 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="45" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="195" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 41 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="445" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 3; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="445" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 3; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 42 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="445" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 2; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="445" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 2; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 43 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="445" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="445" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 44 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="445" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="445" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 45 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="445" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="445" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 46 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="445" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="445" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 47 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="445" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: auto; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="445" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: auto; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 48 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="445" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: auto; grid-row-end: 3; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="445" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: auto; grid-row-end: 3; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 49 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="445" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: auto; grid-row-end: 2; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="445" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: auto; grid-row-end: 2; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 50 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="445" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: auto; grid-row-end: 1; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="445" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: auto; grid-row-end: 1; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 51 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="145" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 3; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="145" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 3; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 52 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="145" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 2; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="145" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 2; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 53 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="145" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 2; grid-row-end: 3; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="145" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 2; grid-row-end: 3; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 54 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="145" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="145" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 55 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="145" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 3; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="145" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 3; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 56 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="145" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 2; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="145" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 2; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 57 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="145" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: auto; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="145" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: auto; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 58 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="145" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: auto; grid-row-end: 3; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="145" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: auto; grid-row-end: 3; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 59 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="145" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: auto; grid-row-end: 2; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="145" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: auto; grid-row-end: 2; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 60 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="145" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: auto; grid-row-end: 1; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="145" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: auto; grid-row-end: 1; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 61 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="45" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 3; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="195" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 3; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 62 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="45" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 2; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="195" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 2; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 63 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="45" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 2; grid-row-end: 3; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="195" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 2; grid-row-end: 3; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 64 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="45" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 1; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="195" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 1; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 65 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="45" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 1; grid-row-end: 3; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="195" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 1; grid-row-end: 3; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 66 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="45" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 1; grid-row-end: 2; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="195" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 1; grid-row-end: 2; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 67 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="45" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: auto; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="195" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: auto; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 68 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="45" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: auto; grid-row-end: 3; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="195" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: auto; grid-row-end: 3; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 69 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="45" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: auto; grid-row-end: 2; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="195" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: auto; grid-row-end: 2; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 70 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="45" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="510" data-offset-y="195" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 71 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="445" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 3; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="445" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 3; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 72 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="445" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 2; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="445" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 2; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 73 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="445" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="445" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 74 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="445" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 1; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="445" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 1; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 75 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="445" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="445" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 76 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="445" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="445" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 77 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="445" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: auto; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="445" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: auto; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 78 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="445" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: auto; grid-row-end: 3; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="445" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: auto; grid-row-end: 3; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 79 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="445" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: auto; grid-row-end: 2; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="445" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: auto; grid-row-end: 2; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 80 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="445" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: auto; grid-row-end: 1; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="445" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: auto; grid-row-end: 1; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 81 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="145" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 3; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="145" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 3; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 82 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="145" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 2; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="145" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 2; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 83 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="145" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 2; grid-row-end: 3; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="145" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 2; grid-row-end: 3; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 84 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="145" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 1; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="145" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 1; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 85 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="145" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 1; grid-row-end: 3; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="145" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 1; grid-row-end: 3; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 86 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="145" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 1; grid-row-end: 2; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="145" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 1; grid-row-end: 2; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 87 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="145" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: auto; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="145" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: auto; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 88 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="145" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: auto; grid-row-end: 3; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="145" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: auto; grid-row-end: 3; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 89 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="145" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: auto; grid-row-end: 2; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="145" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: auto; grid-row-end: 2; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 90 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="145" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: auto; grid-row-end: 1; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="145" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: auto; grid-row-end: 1; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 91 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="-55" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 3; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="-55" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 3; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 92 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="-55" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 2; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="-55" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 2; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 93 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="-55" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 2; grid-row-end: 3; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="-55" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 2; grid-row-end: 3; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 94 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="-55" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="-55" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 95 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="-55" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: 3; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="-55" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: 3; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 96 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="-55" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: 2; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="-55" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: 2; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 97 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="-55" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="-55" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: auto; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 98 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="-55" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 3; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="-55" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 3; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 99 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="-55" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 2; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="-55" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 2; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 100 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="-55" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 1; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="-55" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 1; left: auto; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-004.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-004.html >new file mode 100644 >index 0000000000000000000000000000000000000000..054892ba1e71a4ea46654e247878dbee571aa6dd >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-004.html >@@ -0,0 +1,26 @@ >+<!DOCTYPE html> >+<meta charset="utf-8"> >+<title>CSS Grid Layout Test: Positioned grid descendants</title> >+<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com"> >+<link rel="help" href="https://drafts.csswg.org/css-grid/#abspos" title="9. Absolute Positioning"> >+<meta name="assert" content="Checks that absolutely positioned orthogonal elements inside grid items are properly placed and sized when they have specific 'right' offset and a static block position (top/bottom are 'auto')."> >+ >+<link rel="stylesheet" href="support/positioned-grid-descendants.css" /> >+ >+<script src="/resources/testharness.js"></script> >+<script src="/resources/testharnessreport.js"></script> >+<script src="/resources/check-layout-th.js"></script> >+ >+<body> >+<div id="log"></div> >+<script type="module"> >+import {runTests} from "./support/positioned-grid-descendants.js"; >+runTests({ >+ left: "auto", >+ top: "auto", >+ right: 35, >+ bottom: "auto", >+ orthogonal: true, >+}); >+</script> >+</body> >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-005-expected.txt b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-005-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..4756010956a5059adf167b7d0e172ac47711694c >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-005-expected.txt >@@ -0,0 +1,701 @@ >+ >+FAIL .grid 1 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="340" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 3; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="340" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 3; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 2 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="340" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 2; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="340" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 2; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 3 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="180" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 2; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="180" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 2; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 4 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="340" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 1; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="340" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 1; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 5 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="180" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 1; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="180" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 1; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 6 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="80" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 1; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="80" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 1; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 7 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="340" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: auto; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="340" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: auto; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 8 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="180" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: auto; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="180" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: auto; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 9 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="80" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: auto; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="80" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: auto; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 10 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="-70" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="-70" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 11 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="340" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 3; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="340" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 3; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 12 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="340" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 2; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="340" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 2; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 13 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="180" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 2; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="180" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 2; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 14 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="340" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 1; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="340" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 1; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 15 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="180" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 1; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="180" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 1; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 16 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="80" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 1; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="80" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 1; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 17 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="340" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: auto; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="340" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: auto; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 18 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="180" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: auto; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="180" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: auto; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 19 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="80" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: auto; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="80" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: auto; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 20 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="-70" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="-70" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 21 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="340" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 3; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="340" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 3; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 22 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="340" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 2; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="340" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 2; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 23 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="180" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="180" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 24 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="340" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="340" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 25 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="180" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="180" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 26 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="80" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="80" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 27 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="340" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: auto; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="340" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: auto; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 28 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="180" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: auto; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="180" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: auto; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 29 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="80" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: auto; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="80" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: auto; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 30 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="-70" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: auto; grid-row-end: 1; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="-70" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: auto; grid-row-end: 1; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 31 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="340" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 3; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="340" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 3; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 32 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="340" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 2; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="340" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 2; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 33 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="180" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 2; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="180" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 2; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 34 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="340" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 1; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="340" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 1; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 35 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="180" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 1; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="180" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 1; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 36 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="80" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 1; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="80" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 1; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 37 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="340" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: auto; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="340" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: auto; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 38 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="180" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: auto; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="180" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: auto; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 39 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="80" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: auto; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="80" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: auto; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 40 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="-70" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="-70" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 41 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="340" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 3; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="340" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 3; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 42 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="340" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 2; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="340" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 2; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 43 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="180" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="180" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 44 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="340" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="340" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 45 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="180" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="180" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 46 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="80" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="80" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 47 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="340" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: auto; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="340" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: auto; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 48 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="180" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: auto; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="180" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: auto; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 49 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="80" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: auto; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="80" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: auto; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 50 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="-70" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: auto; grid-row-end: 1; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="-70" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: auto; grid-row-end: 1; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 51 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="340" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 3; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="340" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 3; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 52 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="340" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 2; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="340" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 2; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 53 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="180" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 2; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="180" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 2; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 54 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="340" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="340" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 55 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="180" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="180" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 56 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="80" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="80" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 57 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="340" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: auto; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="340" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: auto; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 58 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="180" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: auto; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="180" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: auto; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 59 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="80" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: auto; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="80" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: auto; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 60 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="-70" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: auto; grid-row-end: 1; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="-70" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: auto; grid-row-end: 1; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 61 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="340" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 3; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="340" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 3; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 62 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="340" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 2; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="340" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 2; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 63 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="180" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 2; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="180" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 2; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 64 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="340" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 1; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="340" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 1; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 65 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="180" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 1; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="180" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 1; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 66 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="80" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 1; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="80" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 1; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 67 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="340" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: auto; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="340" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: auto; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 68 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="180" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: auto; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="180" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: auto; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 69 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="80" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: auto; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="80" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: auto; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 70 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="-70" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="-70" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 71 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="340" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 3; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="340" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 3; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 72 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="340" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 2; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="340" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 2; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 73 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="180" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="180" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 74 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="340" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 1; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="340" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 1; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 75 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="180" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="180" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 76 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="80" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="80" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 77 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="340" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: auto; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="340" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: auto; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 78 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="180" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: auto; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="180" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: auto; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 79 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="80" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: auto; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="80" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: auto; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 80 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="-70" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: auto; grid-row-end: 1; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="-70" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: auto; grid-row-end: 1; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 81 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="340" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 3; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="340" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 3; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 82 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="340" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 2; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="340" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 2; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 83 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="180" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 2; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="180" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 2; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 84 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="340" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 1; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="340" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 1; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 85 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="180" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 1; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="180" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 1; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 86 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="80" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 1; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="80" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 1; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 87 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="340" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: auto; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="340" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: auto; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 88 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="180" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: auto; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="180" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: auto; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 89 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="80" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: auto; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="80" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: auto; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 90 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="-70" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: auto; grid-row-end: 1; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="-70" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: auto; grid-row-end: 1; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 91 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="340" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 3; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="340" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 3; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 92 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="340" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 2; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="340" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 2; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 93 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="180" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 2; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="180" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 2; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 94 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="340" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="340" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 95 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="180" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="180" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 96 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="80" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="80" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 97 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="340" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="340" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: auto; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 98 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="180" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="180" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 3; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 99 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="80" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="80" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 2; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 100 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="55" data-offset-y="-70" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 1; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="50" data-offset-x="255" data-offset-y="-70" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 1; left: auto; top: auto; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-005.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-005.html >new file mode 100644 >index 0000000000000000000000000000000000000000..41ff1947f07428571ba640b2c3b2b40954fee5a1 >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-005.html >@@ -0,0 +1,26 @@ >+<!DOCTYPE html> >+<meta charset="utf-8"> >+<title>CSS Grid Layout Test: Positioned grid descendants</title> >+<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com"> >+<link rel="help" href="https://drafts.csswg.org/css-grid/#abspos" title="9. Absolute Positioning"> >+<meta name="assert" content="Checks that absolutely positioned orthogonal elements inside grid items are properly placed and sized when they have specific 'bottom' offset and a static inline position (left/right are 'auto')."> >+ >+<link rel="stylesheet" href="support/positioned-grid-descendants.css" /> >+ >+<script src="/resources/testharness.js"></script> >+<script src="/resources/testharnessreport.js"></script> >+<script src="/resources/check-layout-th.js"></script> >+ >+<body> >+<div id="log"></div> >+<script type="module"> >+import {runTests} from "./support/positioned-grid-descendants.js"; >+runTests({ >+ left: "auto", >+ right: "auto", >+ top: "auto", >+ bottom: 40, >+ orthogonal: true, >+}); >+</script> >+</body> >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-006-expected.txt b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-006-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..84b3015747fa501327697b6b60f5c2fcc43abb9d >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-006-expected.txt >@@ -0,0 +1,501 @@ >+ >+PASS .grid 1 >+PASS .grid 2 >+PASS .grid 3 >+PASS .grid 4 >+PASS .grid 5 >+PASS .grid 6 >+PASS .grid 7 >+PASS .grid 8 >+PASS .grid 9 >+PASS .grid 10 >+PASS .grid 11 >+PASS .grid 12 >+PASS .grid 13 >+PASS .grid 14 >+PASS .grid 15 >+PASS .grid 16 >+PASS .grid 17 >+PASS .grid 18 >+PASS .grid 19 >+PASS .grid 20 >+PASS .grid 21 >+PASS .grid 22 >+PASS .grid 23 >+PASS .grid 24 >+PASS .grid 25 >+PASS .grid 26 >+PASS .grid 27 >+PASS .grid 28 >+PASS .grid 29 >+PASS .grid 30 >+PASS .grid 31 >+PASS .grid 32 >+PASS .grid 33 >+PASS .grid 34 >+PASS .grid 35 >+PASS .grid 36 >+PASS .grid 37 >+PASS .grid 38 >+PASS .grid 39 >+PASS .grid 40 >+PASS .grid 41 >+PASS .grid 42 >+PASS .grid 43 >+PASS .grid 44 >+PASS .grid 45 >+PASS .grid 46 >+PASS .grid 47 >+PASS .grid 48 >+PASS .grid 49 >+PASS .grid 50 >+PASS .grid 51 >+PASS .grid 52 >+PASS .grid 53 >+PASS .grid 54 >+PASS .grid 55 >+PASS .grid 56 >+PASS .grid 57 >+PASS .grid 58 >+PASS .grid 59 >+PASS .grid 60 >+PASS .grid 61 >+PASS .grid 62 >+PASS .grid 63 >+PASS .grid 64 >+PASS .grid 65 >+PASS .grid 66 >+PASS .grid 67 >+PASS .grid 68 >+PASS .grid 69 >+PASS .grid 70 >+PASS .grid 71 >+PASS .grid 72 >+PASS .grid 73 >+PASS .grid 74 >+PASS .grid 75 >+PASS .grid 76 >+PASS .grid 77 >+PASS .grid 78 >+PASS .grid 79 >+PASS .grid 80 >+PASS .grid 81 >+PASS .grid 82 >+PASS .grid 83 >+PASS .grid 84 >+PASS .grid 85 >+PASS .grid 86 >+PASS .grid 87 >+PASS .grid 88 >+PASS .grid 89 >+PASS .grid 90 >+PASS .grid 91 >+PASS .grid 92 >+PASS .grid 93 >+PASS .grid 94 >+PASS .grid 95 >+PASS .grid 96 >+PASS .grid 97 >+PASS .grid 98 >+PASS .grid 99 >+PASS .grid 100 >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-006.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-006.html >new file mode 100644 >index 0000000000000000000000000000000000000000..c6772bef2344a1d4c28e71919192bb689d98ddad >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-006.html >@@ -0,0 +1,26 @@ >+<!DOCTYPE html> >+<meta charset="utf-8"> >+<title>CSS Grid Layout Test: Positioned grid descendants</title> >+<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com"> >+<link rel="help" href="https://drafts.csswg.org/css-grid/#abspos" title="9. Absolute Positioning"> >+<meta name="assert" content="Checks that absolutely positioned orthogonal elements inside grid items are properly placed and sized when they have specific 'left' and 'top' offsets."> >+ >+<link rel="stylesheet" href="support/positioned-grid-descendants.css" /> >+ >+<script src="/resources/testharness.js"></script> >+<script src="/resources/testharnessreport.js"></script> >+<script src="/resources/check-layout-th.js"></script> >+ >+<body> >+<div id="log"></div> >+<script type="module"> >+import {runTests} from "./support/positioned-grid-descendants.js"; >+runTests({ >+ left: 25, >+ top: 30, >+ right: "auto", >+ bottom: "auto", >+ orthogonal: true, >+}); >+</script> >+</body> >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-007-expected.txt b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-007-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..fa048b6824bc8f67f9c2d7c2468a9bb1c8683bd1 >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-007-expected.txt >@@ -0,0 +1,701 @@ >+ >+FAIL .grid 1 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="5" data-expected-height="50" data-offset-x="530" data-offset-y="45" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 3; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="5" data-expected-height="50" data-offset-x="530" data-offset-y="195" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 3; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 2 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="5" data-expected-height="50" data-offset-x="530" data-offset-y="45" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 2; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="5" data-expected-height="50" data-offset-x="530" data-offset-y="195" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 2; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 3 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="5" data-expected-height="50" data-offset-x="530" data-offset-y="45" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 2; grid-row-end: 3; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="5" data-expected-height="50" data-offset-x="530" data-offset-y="195" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 2; grid-row-end: 3; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 4 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="5" data-expected-height="50" data-offset-x="530" data-offset-y="45" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 1; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="5" data-expected-height="50" data-offset-x="530" data-offset-y="195" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 1; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 5 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="5" data-expected-height="50" data-offset-x="530" data-offset-y="45" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 1; grid-row-end: 3; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="5" data-expected-height="50" data-offset-x="530" data-offset-y="195" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 1; grid-row-end: 3; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 6 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="5" data-expected-height="50" data-offset-x="530" data-offset-y="45" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 1; grid-row-end: 2; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="5" data-expected-height="50" data-offset-x="530" data-offset-y="195" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 1; grid-row-end: 2; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 7 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="5" data-expected-height="50" data-offset-x="530" data-offset-y="45" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: auto; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="5" data-expected-height="50" data-offset-x="530" data-offset-y="195" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: auto; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 8 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="5" data-expected-height="50" data-offset-x="530" data-offset-y="45" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: auto; grid-row-end: 3; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="5" data-expected-height="50" data-offset-x="530" data-offset-y="195" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: auto; grid-row-end: 3; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 9 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="5" data-expected-height="50" data-offset-x="530" data-offset-y="45" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: auto; grid-row-end: 2; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="5" data-expected-height="50" data-offset-x="530" data-offset-y="195" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: auto; grid-row-end: 2; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 10 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="5" data-expected-height="50" data-offset-x="530" data-offset-y="45" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="5" data-expected-height="50" data-offset-x="530" data-offset-y="195" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 11 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="305" data-expected-height="50" data-offset-x="230" data-offset-y="45" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 3; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="305" data-expected-height="50" data-offset-x="230" data-offset-y="195" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 3; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 12 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="305" data-expected-height="50" data-offset-x="230" data-offset-y="45" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 2; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="305" data-expected-height="50" data-offset-x="230" data-offset-y="195" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 2; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 13 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="305" data-expected-height="50" data-offset-x="230" data-offset-y="45" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 2; grid-row-end: 3; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="305" data-expected-height="50" data-offset-x="230" data-offset-y="195" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 2; grid-row-end: 3; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 14 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="305" data-expected-height="50" data-offset-x="230" data-offset-y="45" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 1; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="305" data-expected-height="50" data-offset-x="230" data-offset-y="195" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 1; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 15 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="305" data-expected-height="50" data-offset-x="230" data-offset-y="45" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 1; grid-row-end: 3; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="305" data-expected-height="50" data-offset-x="230" data-offset-y="195" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 1; grid-row-end: 3; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 16 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="305" data-expected-height="50" data-offset-x="230" data-offset-y="45" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 1; grid-row-end: 2; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="305" data-expected-height="50" data-offset-x="230" data-offset-y="195" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 1; grid-row-end: 2; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 17 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="305" data-expected-height="50" data-offset-x="230" data-offset-y="45" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: auto; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="305" data-expected-height="50" data-offset-x="230" data-offset-y="195" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: auto; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 18 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="305" data-expected-height="50" data-offset-x="230" data-offset-y="45" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: auto; grid-row-end: 3; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="305" data-expected-height="50" data-offset-x="230" data-offset-y="195" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: auto; grid-row-end: 3; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 19 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="305" data-expected-height="50" data-offset-x="230" data-offset-y="45" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: auto; grid-row-end: 2; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="305" data-expected-height="50" data-offset-x="230" data-offset-y="195" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: auto; grid-row-end: 2; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 20 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="305" data-expected-height="50" data-offset-x="230" data-offset-y="45" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="305" data-expected-height="50" data-offset-x="230" data-offset-y="195" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 21 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="240" data-expected-height="50" data-offset-x="230" data-offset-y="45" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 3; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="240" data-expected-height="50" data-offset-x="230" data-offset-y="195" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 3; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 22 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="240" data-expected-height="50" data-offset-x="230" data-offset-y="45" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 2; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="240" data-expected-height="50" data-offset-x="230" data-offset-y="195" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 2; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 23 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="240" data-expected-height="50" data-offset-x="230" data-offset-y="45" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="240" data-expected-height="50" data-offset-x="230" data-offset-y="195" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 24 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="240" data-expected-height="50" data-offset-x="230" data-offset-y="45" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="240" data-expected-height="50" data-offset-x="230" data-offset-y="195" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 25 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="240" data-expected-height="50" data-offset-x="230" data-offset-y="45" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="240" data-expected-height="50" data-offset-x="230" data-offset-y="195" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 26 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="240" data-expected-height="50" data-offset-x="230" data-offset-y="45" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="240" data-expected-height="50" data-offset-x="230" data-offset-y="195" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 27 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="240" data-expected-height="50" data-offset-x="230" data-offset-y="45" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: auto; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="240" data-expected-height="50" data-offset-x="230" data-offset-y="195" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: auto; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 28 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="240" data-expected-height="50" data-offset-x="230" data-offset-y="45" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: auto; grid-row-end: 3; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="240" data-expected-height="50" data-offset-x="230" data-offset-y="195" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: auto; grid-row-end: 3; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 29 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="240" data-expected-height="50" data-offset-x="230" data-offset-y="45" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: auto; grid-row-end: 2; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="240" data-expected-height="50" data-offset-x="230" data-offset-y="195" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: auto; grid-row-end: 2; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 30 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="240" data-expected-height="50" data-offset-x="230" data-offset-y="45" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: auto; grid-row-end: 1; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="240" data-expected-height="50" data-offset-x="230" data-offset-y="195" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: auto; grid-row-end: 1; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 31 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="505" data-expected-height="50" data-offset-x="30" data-offset-y="45" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 3; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="505" data-expected-height="50" data-offset-x="30" data-offset-y="195" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 3; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 32 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="505" data-expected-height="50" data-offset-x="30" data-offset-y="45" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 2; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="505" data-expected-height="50" data-offset-x="30" data-offset-y="195" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 2; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 33 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="505" data-expected-height="50" data-offset-x="30" data-offset-y="45" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 2; grid-row-end: 3; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="505" data-expected-height="50" data-offset-x="30" data-offset-y="195" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 2; grid-row-end: 3; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 34 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="505" data-expected-height="50" data-offset-x="30" data-offset-y="45" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 1; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="505" data-expected-height="50" data-offset-x="30" data-offset-y="195" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 1; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 35 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="505" data-expected-height="50" data-offset-x="30" data-offset-y="45" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 1; grid-row-end: 3; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="505" data-expected-height="50" data-offset-x="30" data-offset-y="195" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 1; grid-row-end: 3; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 36 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="505" data-expected-height="50" data-offset-x="30" data-offset-y="45" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 1; grid-row-end: 2; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="505" data-expected-height="50" data-offset-x="30" data-offset-y="195" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 1; grid-row-end: 2; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 37 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="505" data-expected-height="50" data-offset-x="30" data-offset-y="45" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: auto; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="505" data-expected-height="50" data-offset-x="30" data-offset-y="195" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: auto; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 38 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="505" data-expected-height="50" data-offset-x="30" data-offset-y="45" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: auto; grid-row-end: 3; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="505" data-expected-height="50" data-offset-x="30" data-offset-y="195" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: auto; grid-row-end: 3; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 39 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="505" data-expected-height="50" data-offset-x="30" data-offset-y="45" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: auto; grid-row-end: 2; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="505" data-expected-height="50" data-offset-x="30" data-offset-y="195" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: auto; grid-row-end: 2; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 40 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="505" data-expected-height="50" data-offset-x="30" data-offset-y="45" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="505" data-expected-height="50" data-offset-x="30" data-offset-y="195" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 41 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="440" data-expected-height="50" data-offset-x="30" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 3; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="440" data-expected-height="50" data-offset-x="30" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 3; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 42 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="440" data-expected-height="50" data-offset-x="30" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 2; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="440" data-expected-height="50" data-offset-x="30" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 2; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 43 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="440" data-expected-height="50" data-offset-x="30" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="440" data-expected-height="50" data-offset-x="30" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 44 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="440" data-expected-height="50" data-offset-x="30" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="440" data-expected-height="50" data-offset-x="30" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 45 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="440" data-expected-height="50" data-offset-x="30" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="440" data-expected-height="50" data-offset-x="30" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 46 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="440" data-expected-height="50" data-offset-x="30" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="440" data-expected-height="50" data-offset-x="30" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 47 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="440" data-expected-height="50" data-offset-x="30" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: auto; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="440" data-expected-height="50" data-offset-x="30" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: auto; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 48 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="440" data-expected-height="50" data-offset-x="30" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: auto; grid-row-end: 3; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="440" data-expected-height="50" data-offset-x="30" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: auto; grid-row-end: 3; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 49 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="440" data-expected-height="50" data-offset-x="30" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: auto; grid-row-end: 2; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="440" data-expected-height="50" data-offset-x="30" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: auto; grid-row-end: 2; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 50 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="440" data-expected-height="50" data-offset-x="30" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: auto; grid-row-end: 1; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="440" data-expected-height="50" data-offset-x="30" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: auto; grid-row-end: 1; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 51 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="140" data-expected-height="50" data-offset-x="30" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 3; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="140" data-expected-height="50" data-offset-x="30" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 3; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 52 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="140" data-expected-height="50" data-offset-x="30" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 2; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="140" data-expected-height="50" data-offset-x="30" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 2; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 53 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="140" data-expected-height="50" data-offset-x="30" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 2; grid-row-end: 3; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="140" data-expected-height="50" data-offset-x="30" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 2; grid-row-end: 3; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 54 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="140" data-expected-height="50" data-offset-x="30" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="140" data-expected-height="50" data-offset-x="30" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 55 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="140" data-expected-height="50" data-offset-x="30" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 3; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="140" data-expected-height="50" data-offset-x="30" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 3; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 56 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="140" data-expected-height="50" data-offset-x="30" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 2; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="140" data-expected-height="50" data-offset-x="30" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 2; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 57 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="140" data-expected-height="50" data-offset-x="30" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: auto; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="140" data-expected-height="50" data-offset-x="30" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: auto; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 58 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="140" data-expected-height="50" data-offset-x="30" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: auto; grid-row-end: 3; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="140" data-expected-height="50" data-offset-x="30" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: auto; grid-row-end: 3; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 59 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="140" data-expected-height="50" data-offset-x="30" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: auto; grid-row-end: 2; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="140" data-expected-height="50" data-offset-x="30" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: auto; grid-row-end: 2; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 60 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="140" data-expected-height="50" data-offset-x="30" data-offset-y="45" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: auto; grid-row-end: 1; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="140" data-expected-height="50" data-offset-x="30" data-offset-y="195" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: auto; grid-row-end: 1; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 61 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="510" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 3; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="510" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 3; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 62 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="510" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 2; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="510" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 2; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 63 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="510" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 2; grid-row-end: 3; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="510" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 2; grid-row-end: 3; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 64 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="510" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 1; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="510" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 1; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 65 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="510" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 1; grid-row-end: 3; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="510" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 1; grid-row-end: 3; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 66 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="510" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 1; grid-row-end: 2; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="510" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 1; grid-row-end: 2; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 67 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="510" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: auto; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="510" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: auto; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 68 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="510" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: auto; grid-row-end: 3; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="510" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: auto; grid-row-end: 3; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 69 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="510" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: auto; grid-row-end: 2; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="510" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: auto; grid-row-end: 2; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 70 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="510" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="510" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 71 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="445" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 3; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="445" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 3; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 72 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="445" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 2; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="445" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 2; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 73 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="445" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="445" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 74 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="445" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 1; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="445" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 1; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 75 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="445" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="445" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 76 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="445" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="445" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 77 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="445" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: auto; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="445" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: auto; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 78 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="445" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: auto; grid-row-end: 3; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="445" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: auto; grid-row-end: 3; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 79 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="445" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: auto; grid-row-end: 2; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="445" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: auto; grid-row-end: 2; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 80 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="445" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: auto; grid-row-end: 1; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="445" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: auto; grid-row-end: 1; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 81 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="145" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 3; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="145" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 3; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 82 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="145" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 2; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="145" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 2; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 83 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="145" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 2; grid-row-end: 3; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="145" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 2; grid-row-end: 3; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 84 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="145" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 1; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="145" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 1; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 85 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="145" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 1; grid-row-end: 3; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="145" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 1; grid-row-end: 3; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 86 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="145" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 1; grid-row-end: 2; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="145" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 1; grid-row-end: 2; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 87 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="145" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: auto; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="145" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: auto; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 88 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="145" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: auto; grid-row-end: 3; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="145" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: auto; grid-row-end: 3; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 89 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="145" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: auto; grid-row-end: 2; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="145" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: auto; grid-row-end: 2; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 90 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="145" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: auto; grid-row-end: 1; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="145" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: auto; grid-row-end: 1; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 91 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="0" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 3; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="0" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 3; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 92 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="0" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 2; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="0" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 2; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 93 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="0" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 2; grid-row-end: 3; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="0" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 2; grid-row-end: 3; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 94 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="0" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="0" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 95 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="0" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: 3; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="0" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: 3; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 96 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="0" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: 2; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="0" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: 2; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 97 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="0" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="0" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 98 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="0" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 3; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="0" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 3; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 99 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="0" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 2; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="0" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 2; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+FAIL .grid 100 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="0" data-expected-height="50" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 1; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="0" data-expected-height="50" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 1; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+offsetTop expected 45 but got 55 >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-007.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-007.html >new file mode 100644 >index 0000000000000000000000000000000000000000..97851879f1e5d31e5c00cdf2d91a20f508b6ae65 >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-007.html >@@ -0,0 +1,26 @@ >+<!DOCTYPE html> >+<meta charset="utf-8"> >+<title>CSS Grid Layout Test: Positioned grid descendants</title> >+<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com"> >+<link rel="help" href="https://drafts.csswg.org/css-grid/#abspos" title="9. Absolute Positioning"> >+<meta name="assert" content="Checks that absolutely positioned orthogonal elements inside grid items are properly placed and sized when they have specific 'left' and 'right' offsets and a static block position (top/bottom are 'auto')."> >+ >+<link rel="stylesheet" href="support/positioned-grid-descendants.css" /> >+ >+<script src="/resources/testharness.js"></script> >+<script src="/resources/testharnessreport.js"></script> >+<script src="/resources/check-layout-th.js"></script> >+ >+<body> >+<div id="log"></div> >+<script type="module"> >+import {runTests} from "./support/positioned-grid-descendants.js"; >+runTests({ >+ left: 25, >+ top: "auto", >+ right: 35, >+ bottom: "auto", >+ orthogonal: true, >+}); >+</script> >+</body> >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-008-expected.txt b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-008-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..84b3015747fa501327697b6b60f5c2fcc43abb9d >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-008-expected.txt >@@ -0,0 +1,501 @@ >+ >+PASS .grid 1 >+PASS .grid 2 >+PASS .grid 3 >+PASS .grid 4 >+PASS .grid 5 >+PASS .grid 6 >+PASS .grid 7 >+PASS .grid 8 >+PASS .grid 9 >+PASS .grid 10 >+PASS .grid 11 >+PASS .grid 12 >+PASS .grid 13 >+PASS .grid 14 >+PASS .grid 15 >+PASS .grid 16 >+PASS .grid 17 >+PASS .grid 18 >+PASS .grid 19 >+PASS .grid 20 >+PASS .grid 21 >+PASS .grid 22 >+PASS .grid 23 >+PASS .grid 24 >+PASS .grid 25 >+PASS .grid 26 >+PASS .grid 27 >+PASS .grid 28 >+PASS .grid 29 >+PASS .grid 30 >+PASS .grid 31 >+PASS .grid 32 >+PASS .grid 33 >+PASS .grid 34 >+PASS .grid 35 >+PASS .grid 36 >+PASS .grid 37 >+PASS .grid 38 >+PASS .grid 39 >+PASS .grid 40 >+PASS .grid 41 >+PASS .grid 42 >+PASS .grid 43 >+PASS .grid 44 >+PASS .grid 45 >+PASS .grid 46 >+PASS .grid 47 >+PASS .grid 48 >+PASS .grid 49 >+PASS .grid 50 >+PASS .grid 51 >+PASS .grid 52 >+PASS .grid 53 >+PASS .grid 54 >+PASS .grid 55 >+PASS .grid 56 >+PASS .grid 57 >+PASS .grid 58 >+PASS .grid 59 >+PASS .grid 60 >+PASS .grid 61 >+PASS .grid 62 >+PASS .grid 63 >+PASS .grid 64 >+PASS .grid 65 >+PASS .grid 66 >+PASS .grid 67 >+PASS .grid 68 >+PASS .grid 69 >+PASS .grid 70 >+PASS .grid 71 >+PASS .grid 72 >+PASS .grid 73 >+PASS .grid 74 >+PASS .grid 75 >+PASS .grid 76 >+PASS .grid 77 >+PASS .grid 78 >+PASS .grid 79 >+PASS .grid 80 >+PASS .grid 81 >+PASS .grid 82 >+PASS .grid 83 >+PASS .grid 84 >+PASS .grid 85 >+PASS .grid 86 >+PASS .grid 87 >+PASS .grid 88 >+PASS .grid 89 >+PASS .grid 90 >+PASS .grid 91 >+PASS .grid 92 >+PASS .grid 93 >+PASS .grid 94 >+PASS .grid 95 >+PASS .grid 96 >+PASS .grid 97 >+PASS .grid 98 >+PASS .grid 99 >+PASS .grid 100 >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-008.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-008.html >new file mode 100644 >index 0000000000000000000000000000000000000000..965e87d99e2cd13939ff7d5bdde9de0623eefead >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-008.html >@@ -0,0 +1,26 @@ >+<!DOCTYPE html> >+<meta charset="utf-8"> >+<title>CSS Grid Layout Test: Positioned grid descendants</title> >+<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com"> >+<link rel="help" href="https://drafts.csswg.org/css-grid/#abspos" title="9. Absolute Positioning"> >+<meta name="assert" content="Checks that absolutely positioned orthogonal elements inside grid items are properly placed and sized when they have specific 'left' and 'bottom' offsets."> >+ >+<link rel="stylesheet" href="support/positioned-grid-descendants.css" /> >+ >+<script src="/resources/testharness.js"></script> >+<script src="/resources/testharnessreport.js"></script> >+<script src="/resources/check-layout-th.js"></script> >+ >+<body> >+<div id="log"></div> >+<script type="module"> >+import {runTests} from "./support/positioned-grid-descendants.js"; >+runTests({ >+ left: 25, >+ top: "auto", >+ right: "auto", >+ bottom: 40, >+ orthogonal: true, >+}); >+</script> >+</body> >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-009-expected.txt b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-009-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..84b3015747fa501327697b6b60f5c2fcc43abb9d >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-009-expected.txt >@@ -0,0 +1,501 @@ >+ >+PASS .grid 1 >+PASS .grid 2 >+PASS .grid 3 >+PASS .grid 4 >+PASS .grid 5 >+PASS .grid 6 >+PASS .grid 7 >+PASS .grid 8 >+PASS .grid 9 >+PASS .grid 10 >+PASS .grid 11 >+PASS .grid 12 >+PASS .grid 13 >+PASS .grid 14 >+PASS .grid 15 >+PASS .grid 16 >+PASS .grid 17 >+PASS .grid 18 >+PASS .grid 19 >+PASS .grid 20 >+PASS .grid 21 >+PASS .grid 22 >+PASS .grid 23 >+PASS .grid 24 >+PASS .grid 25 >+PASS .grid 26 >+PASS .grid 27 >+PASS .grid 28 >+PASS .grid 29 >+PASS .grid 30 >+PASS .grid 31 >+PASS .grid 32 >+PASS .grid 33 >+PASS .grid 34 >+PASS .grid 35 >+PASS .grid 36 >+PASS .grid 37 >+PASS .grid 38 >+PASS .grid 39 >+PASS .grid 40 >+PASS .grid 41 >+PASS .grid 42 >+PASS .grid 43 >+PASS .grid 44 >+PASS .grid 45 >+PASS .grid 46 >+PASS .grid 47 >+PASS .grid 48 >+PASS .grid 49 >+PASS .grid 50 >+PASS .grid 51 >+PASS .grid 52 >+PASS .grid 53 >+PASS .grid 54 >+PASS .grid 55 >+PASS .grid 56 >+PASS .grid 57 >+PASS .grid 58 >+PASS .grid 59 >+PASS .grid 60 >+PASS .grid 61 >+PASS .grid 62 >+PASS .grid 63 >+PASS .grid 64 >+PASS .grid 65 >+PASS .grid 66 >+PASS .grid 67 >+PASS .grid 68 >+PASS .grid 69 >+PASS .grid 70 >+PASS .grid 71 >+PASS .grid 72 >+PASS .grid 73 >+PASS .grid 74 >+PASS .grid 75 >+PASS .grid 76 >+PASS .grid 77 >+PASS .grid 78 >+PASS .grid 79 >+PASS .grid 80 >+PASS .grid 81 >+PASS .grid 82 >+PASS .grid 83 >+PASS .grid 84 >+PASS .grid 85 >+PASS .grid 86 >+PASS .grid 87 >+PASS .grid 88 >+PASS .grid 89 >+PASS .grid 90 >+PASS .grid 91 >+PASS .grid 92 >+PASS .grid 93 >+PASS .grid 94 >+PASS .grid 95 >+PASS .grid 96 >+PASS .grid 97 >+PASS .grid 98 >+PASS .grid 99 >+PASS .grid 100 >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-009.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-009.html >new file mode 100644 >index 0000000000000000000000000000000000000000..beb259a9bea6cc541cbfe71fb332d00d3977e866 >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-009.html >@@ -0,0 +1,26 @@ >+<!DOCTYPE html> >+<meta charset="utf-8"> >+<title>CSS Grid Layout Test: Positioned grid descendants</title> >+<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com"> >+<link rel="help" href="https://drafts.csswg.org/css-grid/#abspos" title="9. Absolute Positioning"> >+<meta name="assert" content="Checks that absolutely positioned orthogonal elements inside grid items are properly placed and sized when they have specific 'top' and 'right' offsets."> >+ >+<link rel="stylesheet" href="support/positioned-grid-descendants.css" /> >+ >+<script src="/resources/testharness.js"></script> >+<script src="/resources/testharnessreport.js"></script> >+<script src="/resources/check-layout-th.js"></script> >+ >+<body> >+<div id="log"></div> >+<script type="module"> >+import {runTests} from "./support/positioned-grid-descendants.js"; >+runTests({ >+ left: "auto", >+ top: 30, >+ right: 35, >+ bottom: "auto", >+ orthogonal: true, >+}); >+</script> >+</body> >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-010-expected.txt b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-010-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..fb3c524e79bf05bdc378864dbb6d59528784317b >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-010-expected.txt >@@ -0,0 +1,701 @@ >+ >+FAIL .grid 1 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="90" data-offset-x="55" data-offset-y="300" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 3; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="90" data-offset-x="255" data-offset-y="300" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 3; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 2 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="190" data-offset-x="55" data-offset-y="200" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 2; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="190" data-offset-x="255" data-offset-y="200" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 2; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 3 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="30" data-offset-x="55" data-offset-y="200" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 2; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="30" data-offset-x="255" data-offset-y="200" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 2; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 4 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="340" data-offset-x="55" data-offset-y="50" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 1; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="340" data-offset-x="255" data-offset-y="50" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 1; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 5 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="180" data-offset-x="55" data-offset-y="50" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 1; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="180" data-offset-x="255" data-offset-y="50" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 1; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 6 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="80" data-offset-x="55" data-offset-y="50" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 1; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="80" data-offset-x="255" data-offset-y="50" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: 1; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 7 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="360" data-offset-x="55" data-offset-y="30" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: auto; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="360" data-offset-x="255" data-offset-y="30" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: auto; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 8 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="200" data-offset-x="55" data-offset-y="30" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: auto; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="200" data-offset-x="255" data-offset-y="30" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: auto; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 9 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="100" data-offset-x="55" data-offset-y="30" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: auto; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="100" data-offset-x="255" data-offset-y="30" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: auto; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 10 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="0" data-offset-x="55" data-offset-y="30" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="0" data-offset-x="255" data-offset-y="30" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+width expected 25 but got 0 >+FAIL .grid 11 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="90" data-offset-x="55" data-offset-y="300" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 3; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="90" data-offset-x="255" data-offset-y="300" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 3; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 12 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="190" data-offset-x="55" data-offset-y="200" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 2; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="190" data-offset-x="255" data-offset-y="200" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 2; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 13 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="30" data-offset-x="55" data-offset-y="200" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 2; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="30" data-offset-x="255" data-offset-y="200" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 2; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 14 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="340" data-offset-x="55" data-offset-y="50" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 1; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="340" data-offset-x="255" data-offset-y="50" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 1; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 15 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="180" data-offset-x="55" data-offset-y="50" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 1; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="180" data-offset-x="255" data-offset-y="50" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 1; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 16 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="80" data-offset-x="55" data-offset-y="50" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 1; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="80" data-offset-x="255" data-offset-y="50" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: 1; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 17 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="360" data-offset-x="55" data-offset-y="30" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: auto; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="360" data-offset-x="255" data-offset-y="30" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: auto; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 18 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="200" data-offset-x="55" data-offset-y="30" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: auto; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="200" data-offset-x="255" data-offset-y="30" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: auto; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 19 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="100" data-offset-x="55" data-offset-y="30" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: auto; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="100" data-offset-x="255" data-offset-y="30" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: auto; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 20 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="0" data-offset-x="55" data-offset-y="30" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="0" data-offset-x="255" data-offset-y="30" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+width expected 25 but got 0 >+FAIL .grid 21 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="90" data-offset-x="55" data-offset-y="300" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 3; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="90" data-offset-x="255" data-offset-y="300" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 3; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 22 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="190" data-offset-x="55" data-offset-y="200" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 2; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="190" data-offset-x="255" data-offset-y="200" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 2; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 23 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="30" data-offset-x="55" data-offset-y="200" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="30" data-offset-x="255" data-offset-y="200" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 24 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="340" data-offset-x="55" data-offset-y="50" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="340" data-offset-x="255" data-offset-y="50" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 25 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="180" data-offset-x="55" data-offset-y="50" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="180" data-offset-x="255" data-offset-y="50" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 26 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="80" data-offset-x="55" data-offset-y="50" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="80" data-offset-x="255" data-offset-y="50" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 27 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="360" data-offset-x="55" data-offset-y="30" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: auto; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="360" data-offset-x="255" data-offset-y="30" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: auto; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 28 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="200" data-offset-x="55" data-offset-y="30" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: auto; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="200" data-offset-x="255" data-offset-y="30" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: auto; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 29 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="100" data-offset-x="55" data-offset-y="30" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: auto; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="100" data-offset-x="255" data-offset-y="30" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: auto; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 30 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="0" data-offset-x="55" data-offset-y="30" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: auto; grid-row-end: 1; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="0" data-offset-x="255" data-offset-y="30" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: auto; grid-row-end: 1; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+width expected 25 but got 0 >+FAIL .grid 31 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="90" data-offset-x="55" data-offset-y="300" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 3; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="90" data-offset-x="255" data-offset-y="300" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 3; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 32 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="190" data-offset-x="55" data-offset-y="200" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 2; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="190" data-offset-x="255" data-offset-y="200" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 2; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 33 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="30" data-offset-x="55" data-offset-y="200" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 2; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="30" data-offset-x="255" data-offset-y="200" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 2; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 34 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="340" data-offset-x="55" data-offset-y="50" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 1; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="340" data-offset-x="255" data-offset-y="50" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 1; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 35 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="180" data-offset-x="55" data-offset-y="50" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 1; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="180" data-offset-x="255" data-offset-y="50" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 1; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 36 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="80" data-offset-x="55" data-offset-y="50" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 1; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="80" data-offset-x="255" data-offset-y="50" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: 1; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 37 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="360" data-offset-x="55" data-offset-y="30" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: auto; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="360" data-offset-x="255" data-offset-y="30" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: auto; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 38 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="200" data-offset-x="55" data-offset-y="30" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: auto; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="200" data-offset-x="255" data-offset-y="30" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: auto; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 39 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="100" data-offset-x="55" data-offset-y="30" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: auto; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="100" data-offset-x="255" data-offset-y="30" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: auto; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 40 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="0" data-offset-x="55" data-offset-y="30" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="0" data-offset-x="255" data-offset-y="30" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+width expected 25 but got 0 >+FAIL .grid 41 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="90" data-offset-x="55" data-offset-y="300" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 3; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="90" data-offset-x="255" data-offset-y="300" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 3; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 42 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="190" data-offset-x="55" data-offset-y="200" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 2; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="190" data-offset-x="255" data-offset-y="200" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 2; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 43 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="30" data-offset-x="55" data-offset-y="200" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="30" data-offset-x="255" data-offset-y="200" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 44 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="340" data-offset-x="55" data-offset-y="50" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="340" data-offset-x="255" data-offset-y="50" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 45 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="180" data-offset-x="55" data-offset-y="50" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="180" data-offset-x="255" data-offset-y="50" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 46 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="80" data-offset-x="55" data-offset-y="50" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="80" data-offset-x="255" data-offset-y="50" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 47 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="360" data-offset-x="55" data-offset-y="30" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: auto; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="360" data-offset-x="255" data-offset-y="30" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: auto; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 48 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="200" data-offset-x="55" data-offset-y="30" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: auto; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="200" data-offset-x="255" data-offset-y="30" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: auto; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 49 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="100" data-offset-x="55" data-offset-y="30" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: auto; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="100" data-offset-x="255" data-offset-y="30" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: auto; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 50 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="0" data-offset-x="55" data-offset-y="30" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: auto; grid-row-end: 1; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="0" data-offset-x="255" data-offset-y="30" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: auto; grid-row-end: 1; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+width expected 25 but got 0 >+FAIL .grid 51 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="90" data-offset-x="55" data-offset-y="300" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 3; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="90" data-offset-x="255" data-offset-y="300" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 3; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 52 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="190" data-offset-x="55" data-offset-y="200" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 2; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="190" data-offset-x="255" data-offset-y="200" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 2; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 53 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="30" data-offset-x="55" data-offset-y="200" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 2; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="30" data-offset-x="255" data-offset-y="200" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 2; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 54 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="340" data-offset-x="55" data-offset-y="50" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="340" data-offset-x="255" data-offset-y="50" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 55 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="180" data-offset-x="55" data-offset-y="50" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="180" data-offset-x="255" data-offset-y="50" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 56 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="80" data-offset-x="55" data-offset-y="50" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="80" data-offset-x="255" data-offset-y="50" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 57 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="360" data-offset-x="55" data-offset-y="30" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: auto; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="360" data-offset-x="255" data-offset-y="30" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: auto; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 58 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="200" data-offset-x="55" data-offset-y="30" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: auto; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="200" data-offset-x="255" data-offset-y="30" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: auto; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 59 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="100" data-offset-x="55" data-offset-y="30" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: auto; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="100" data-offset-x="255" data-offset-y="30" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: auto; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 60 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="0" data-offset-x="55" data-offset-y="30" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: auto; grid-row-end: 1; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="0" data-offset-x="255" data-offset-y="30" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: auto; grid-row-end: 1; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+width expected 25 but got 0 >+FAIL .grid 61 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="90" data-offset-x="55" data-offset-y="300" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 3; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="90" data-offset-x="255" data-offset-y="300" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 3; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 62 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="190" data-offset-x="55" data-offset-y="200" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 2; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="190" data-offset-x="255" data-offset-y="200" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 2; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 63 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="30" data-offset-x="55" data-offset-y="200" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 2; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="30" data-offset-x="255" data-offset-y="200" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 2; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 64 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="340" data-offset-x="55" data-offset-y="50" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 1; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="340" data-offset-x="255" data-offset-y="50" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 1; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 65 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="180" data-offset-x="55" data-offset-y="50" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 1; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="180" data-offset-x="255" data-offset-y="50" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 1; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 66 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="80" data-offset-x="55" data-offset-y="50" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 1; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="80" data-offset-x="255" data-offset-y="50" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: 1; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 67 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="360" data-offset-x="55" data-offset-y="30" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: auto; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="360" data-offset-x="255" data-offset-y="30" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: auto; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 68 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="200" data-offset-x="55" data-offset-y="30" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: auto; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="200" data-offset-x="255" data-offset-y="30" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: auto; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 69 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="100" data-offset-x="55" data-offset-y="30" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: auto; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="100" data-offset-x="255" data-offset-y="30" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: auto; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 70 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="0" data-offset-x="55" data-offset-y="30" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="0" data-offset-x="255" data-offset-y="30" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+width expected 25 but got 0 >+FAIL .grid 71 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="90" data-offset-x="55" data-offset-y="300" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 3; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="90" data-offset-x="255" data-offset-y="300" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 3; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 72 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="190" data-offset-x="55" data-offset-y="200" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 2; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="190" data-offset-x="255" data-offset-y="200" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 2; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 73 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="30" data-offset-x="55" data-offset-y="200" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="30" data-offset-x="255" data-offset-y="200" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 74 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="340" data-offset-x="55" data-offset-y="50" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 1; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="340" data-offset-x="255" data-offset-y="50" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 1; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 75 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="180" data-offset-x="55" data-offset-y="50" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="180" data-offset-x="255" data-offset-y="50" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 76 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="80" data-offset-x="55" data-offset-y="50" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="80" data-offset-x="255" data-offset-y="50" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 77 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="360" data-offset-x="55" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: auto; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="360" data-offset-x="255" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: auto; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 78 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="200" data-offset-x="55" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: auto; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="200" data-offset-x="255" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: auto; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 79 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="100" data-offset-x="55" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: auto; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="100" data-offset-x="255" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: auto; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 80 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="0" data-offset-x="55" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: auto; grid-row-end: 1; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="0" data-offset-x="255" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: auto; grid-row-end: 1; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+width expected 25 but got 0 >+FAIL .grid 81 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="90" data-offset-x="55" data-offset-y="300" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 3; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="90" data-offset-x="255" data-offset-y="300" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 3; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 82 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="190" data-offset-x="55" data-offset-y="200" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 2; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="190" data-offset-x="255" data-offset-y="200" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 2; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 83 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="30" data-offset-x="55" data-offset-y="200" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 2; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="30" data-offset-x="255" data-offset-y="200" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 2; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 84 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="340" data-offset-x="55" data-offset-y="50" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 1; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="340" data-offset-x="255" data-offset-y="50" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 1; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 85 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="180" data-offset-x="55" data-offset-y="50" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 1; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="180" data-offset-x="255" data-offset-y="50" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 1; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 86 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="80" data-offset-x="55" data-offset-y="50" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 1; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="80" data-offset-x="255" data-offset-y="50" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: 1; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 87 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="360" data-offset-x="55" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: auto; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="360" data-offset-x="255" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: auto; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 88 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="200" data-offset-x="55" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: auto; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="200" data-offset-x="255" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: auto; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 89 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="100" data-offset-x="55" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: auto; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="100" data-offset-x="255" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: auto; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 90 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="0" data-offset-x="55" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: auto; grid-row-end: 1; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="0" data-offset-x="255" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: auto; grid-row-end: 1; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+width expected 25 but got 0 >+FAIL .grid 91 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="90" data-offset-x="55" data-offset-y="300" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 3; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="90" data-offset-x="255" data-offset-y="300" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 3; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 92 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="190" data-offset-x="55" data-offset-y="200" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 2; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="190" data-offset-x="255" data-offset-y="200" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 2; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 93 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="30" data-offset-x="55" data-offset-y="200" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 2; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="30" data-offset-x="255" data-offset-y="200" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 2; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 94 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="340" data-offset-x="55" data-offset-y="50" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="340" data-offset-x="255" data-offset-y="50" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 95 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="180" data-offset-x="55" data-offset-y="50" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="180" data-offset-x="255" data-offset-y="50" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 96 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="80" data-offset-x="55" data-offset-y="50" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="80" data-offset-x="255" data-offset-y="50" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 97 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="360" data-offset-x="55" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="360" data-offset-x="255" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: auto; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 98 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="200" data-offset-x="55" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="200" data-offset-x="255" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 3; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 99 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="100" data-offset-x="55" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="100" data-offset-x="255" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 2; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+offsetLeft expected 55 but got 45 >+FAIL .grid 100 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="0" data-offset-x="55" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 1; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="0" data-offset-x="255" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 1; left: auto; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+width expected 25 but got 0 >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-010.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-010.html >new file mode 100644 >index 0000000000000000000000000000000000000000..f94bcca9235dd145d1fac270fbcf2b2d0417a448 >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-010.html >@@ -0,0 +1,26 @@ >+<!DOCTYPE html> >+<meta charset="utf-8"> >+<title>CSS Grid Layout Test: Positioned grid descendants</title> >+<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com"> >+<link rel="help" href="https://drafts.csswg.org/css-grid/#abspos" title="9. Absolute Positioning"> >+<meta name="assert" content="Checks that absolutely positioned orthogonal elements inside grid items are properly placed and sized when they have specific 'top' and 'bottom' offsets and a static inline position (left/right are 'auto')."> >+ >+<link rel="stylesheet" href="support/positioned-grid-descendants.css" /> >+ >+<script src="/resources/testharness.js"></script> >+<script src="/resources/testharnessreport.js"></script> >+<script src="/resources/check-layout-th.js"></script> >+ >+<body> >+<div id="log"></div> >+<script type="module"> >+import {runTests} from "./support/positioned-grid-descendants.js"; >+runTests({ >+ left: "auto", >+ top: 30, >+ right: "auto", >+ bottom: 40, >+ orthogonal: true, >+}); >+</script> >+</body> >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-011-expected.txt b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-011-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..84b3015747fa501327697b6b60f5c2fcc43abb9d >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-011-expected.txt >@@ -0,0 +1,501 @@ >+ >+PASS .grid 1 >+PASS .grid 2 >+PASS .grid 3 >+PASS .grid 4 >+PASS .grid 5 >+PASS .grid 6 >+PASS .grid 7 >+PASS .grid 8 >+PASS .grid 9 >+PASS .grid 10 >+PASS .grid 11 >+PASS .grid 12 >+PASS .grid 13 >+PASS .grid 14 >+PASS .grid 15 >+PASS .grid 16 >+PASS .grid 17 >+PASS .grid 18 >+PASS .grid 19 >+PASS .grid 20 >+PASS .grid 21 >+PASS .grid 22 >+PASS .grid 23 >+PASS .grid 24 >+PASS .grid 25 >+PASS .grid 26 >+PASS .grid 27 >+PASS .grid 28 >+PASS .grid 29 >+PASS .grid 30 >+PASS .grid 31 >+PASS .grid 32 >+PASS .grid 33 >+PASS .grid 34 >+PASS .grid 35 >+PASS .grid 36 >+PASS .grid 37 >+PASS .grid 38 >+PASS .grid 39 >+PASS .grid 40 >+PASS .grid 41 >+PASS .grid 42 >+PASS .grid 43 >+PASS .grid 44 >+PASS .grid 45 >+PASS .grid 46 >+PASS .grid 47 >+PASS .grid 48 >+PASS .grid 49 >+PASS .grid 50 >+PASS .grid 51 >+PASS .grid 52 >+PASS .grid 53 >+PASS .grid 54 >+PASS .grid 55 >+PASS .grid 56 >+PASS .grid 57 >+PASS .grid 58 >+PASS .grid 59 >+PASS .grid 60 >+PASS .grid 61 >+PASS .grid 62 >+PASS .grid 63 >+PASS .grid 64 >+PASS .grid 65 >+PASS .grid 66 >+PASS .grid 67 >+PASS .grid 68 >+PASS .grid 69 >+PASS .grid 70 >+PASS .grid 71 >+PASS .grid 72 >+PASS .grid 73 >+PASS .grid 74 >+PASS .grid 75 >+PASS .grid 76 >+PASS .grid 77 >+PASS .grid 78 >+PASS .grid 79 >+PASS .grid 80 >+PASS .grid 81 >+PASS .grid 82 >+PASS .grid 83 >+PASS .grid 84 >+PASS .grid 85 >+PASS .grid 86 >+PASS .grid 87 >+PASS .grid 88 >+PASS .grid 89 >+PASS .grid 90 >+PASS .grid 91 >+PASS .grid 92 >+PASS .grid 93 >+PASS .grid 94 >+PASS .grid 95 >+PASS .grid 96 >+PASS .grid 97 >+PASS .grid 98 >+PASS .grid 99 >+PASS .grid 100 >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-011.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-011.html >new file mode 100644 >index 0000000000000000000000000000000000000000..bcab0b9d474108cb03b4a73417f9188b4c5301d0 >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-011.html >@@ -0,0 +1,26 @@ >+<!DOCTYPE html> >+<meta charset="utf-8"> >+<title>CSS Grid Layout Test: Positioned grid descendants</title> >+<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com"> >+<link rel="help" href="https://drafts.csswg.org/css-grid/#abspos" title="9. Absolute Positioning"> >+<meta name="assert" content="Checks that absolutely positioned orthogonal elements inside grid items are properly placed and sized when they have specific 'right' and 'bottom' offsets."> >+ >+<link rel="stylesheet" href="support/positioned-grid-descendants.css" /> >+ >+<script src="/resources/testharness.js"></script> >+<script src="/resources/testharnessreport.js"></script> >+<script src="/resources/check-layout-th.js"></script> >+ >+<body> >+<div id="log"></div> >+<script type="module"> >+import {runTests} from "./support/positioned-grid-descendants.js"; >+runTests({ >+ left: "auto", >+ top: "auto", >+ right: 35, >+ bottom: 40, >+ orthogonal: true, >+}); >+</script> >+</body> >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-012-expected.txt b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-012-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..84b3015747fa501327697b6b60f5c2fcc43abb9d >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-012-expected.txt >@@ -0,0 +1,501 @@ >+ >+PASS .grid 1 >+PASS .grid 2 >+PASS .grid 3 >+PASS .grid 4 >+PASS .grid 5 >+PASS .grid 6 >+PASS .grid 7 >+PASS .grid 8 >+PASS .grid 9 >+PASS .grid 10 >+PASS .grid 11 >+PASS .grid 12 >+PASS .grid 13 >+PASS .grid 14 >+PASS .grid 15 >+PASS .grid 16 >+PASS .grid 17 >+PASS .grid 18 >+PASS .grid 19 >+PASS .grid 20 >+PASS .grid 21 >+PASS .grid 22 >+PASS .grid 23 >+PASS .grid 24 >+PASS .grid 25 >+PASS .grid 26 >+PASS .grid 27 >+PASS .grid 28 >+PASS .grid 29 >+PASS .grid 30 >+PASS .grid 31 >+PASS .grid 32 >+PASS .grid 33 >+PASS .grid 34 >+PASS .grid 35 >+PASS .grid 36 >+PASS .grid 37 >+PASS .grid 38 >+PASS .grid 39 >+PASS .grid 40 >+PASS .grid 41 >+PASS .grid 42 >+PASS .grid 43 >+PASS .grid 44 >+PASS .grid 45 >+PASS .grid 46 >+PASS .grid 47 >+PASS .grid 48 >+PASS .grid 49 >+PASS .grid 50 >+PASS .grid 51 >+PASS .grid 52 >+PASS .grid 53 >+PASS .grid 54 >+PASS .grid 55 >+PASS .grid 56 >+PASS .grid 57 >+PASS .grid 58 >+PASS .grid 59 >+PASS .grid 60 >+PASS .grid 61 >+PASS .grid 62 >+PASS .grid 63 >+PASS .grid 64 >+PASS .grid 65 >+PASS .grid 66 >+PASS .grid 67 >+PASS .grid 68 >+PASS .grid 69 >+PASS .grid 70 >+PASS .grid 71 >+PASS .grid 72 >+PASS .grid 73 >+PASS .grid 74 >+PASS .grid 75 >+PASS .grid 76 >+PASS .grid 77 >+PASS .grid 78 >+PASS .grid 79 >+PASS .grid 80 >+PASS .grid 81 >+PASS .grid 82 >+PASS .grid 83 >+PASS .grid 84 >+PASS .grid 85 >+PASS .grid 86 >+PASS .grid 87 >+PASS .grid 88 >+PASS .grid 89 >+PASS .grid 90 >+PASS .grid 91 >+PASS .grid 92 >+PASS .grid 93 >+PASS .grid 94 >+PASS .grid 95 >+PASS .grid 96 >+PASS .grid 97 >+PASS .grid 98 >+PASS .grid 99 >+PASS .grid 100 >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-012.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-012.html >new file mode 100644 >index 0000000000000000000000000000000000000000..1ac153a495e2caf20c586f3ec3d1a0b8738eec02 >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-012.html >@@ -0,0 +1,26 @@ >+<!DOCTYPE html> >+<meta charset="utf-8"> >+<title>CSS Grid Layout Test: Positioned grid descendants</title> >+<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com"> >+<link rel="help" href="https://drafts.csswg.org/css-grid/#abspos" title="9. Absolute Positioning"> >+<meta name="assert" content="Checks that absolutely positioned orthogonal elements inside grid items are properly placed and sized when they have specific 'left', 'top' and 'right' offsets."> >+ >+<link rel="stylesheet" href="support/positioned-grid-descendants.css" /> >+ >+<script src="/resources/testharness.js"></script> >+<script src="/resources/testharnessreport.js"></script> >+<script src="/resources/check-layout-th.js"></script> >+ >+<body> >+<div id="log"></div> >+<script type="module"> >+import {runTests} from "./support/positioned-grid-descendants.js"; >+runTests({ >+ left: 25, >+ top: 30, >+ right: 35, >+ bottom: "auto", >+ orthogonal: true, >+}); >+</script> >+</body> >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-013-expected.txt b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-013-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..3b3b67bf91f530013d99d665f6e199c900b4d53d >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-013-expected.txt >@@ -0,0 +1,521 @@ >+ >+PASS .grid 1 >+PASS .grid 2 >+PASS .grid 3 >+PASS .grid 4 >+PASS .grid 5 >+PASS .grid 6 >+PASS .grid 7 >+PASS .grid 8 >+PASS .grid 9 >+FAIL .grid 10 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="0" data-offset-x="530" data-offset-y="30" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: 25px; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="0" data-offset-x="530" data-offset-y="30" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: 25px; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+width expected 25 but got 0 >+PASS .grid 11 >+PASS .grid 12 >+PASS .grid 13 >+PASS .grid 14 >+PASS .grid 15 >+PASS .grid 16 >+PASS .grid 17 >+PASS .grid 18 >+PASS .grid 19 >+FAIL .grid 20 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="0" data-offset-x="230" data-offset-y="30" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: 25px; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="0" data-offset-x="230" data-offset-y="30" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: 25px; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+width expected 25 but got 0 >+PASS .grid 21 >+PASS .grid 22 >+PASS .grid 23 >+PASS .grid 24 >+PASS .grid 25 >+PASS .grid 26 >+PASS .grid 27 >+PASS .grid 28 >+PASS .grid 29 >+FAIL .grid 30 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="0" data-offset-x="230" data-offset-y="30" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: auto; grid-row-end: 1; left: 25px; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="0" data-offset-x="230" data-offset-y="30" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: auto; grid-row-end: 1; left: 25px; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+width expected 25 but got 0 >+PASS .grid 31 >+PASS .grid 32 >+PASS .grid 33 >+PASS .grid 34 >+PASS .grid 35 >+PASS .grid 36 >+PASS .grid 37 >+PASS .grid 38 >+PASS .grid 39 >+FAIL .grid 40 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="0" data-offset-x="30" data-offset-y="30" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: 25px; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="0" data-offset-x="30" data-offset-y="30" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: 25px; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+width expected 25 but got 0 >+PASS .grid 41 >+PASS .grid 42 >+PASS .grid 43 >+PASS .grid 44 >+PASS .grid 45 >+PASS .grid 46 >+PASS .grid 47 >+PASS .grid 48 >+PASS .grid 49 >+FAIL .grid 50 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="0" data-offset-x="30" data-offset-y="30" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: auto; grid-row-end: 1; left: 25px; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="0" data-offset-x="30" data-offset-y="30" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: auto; grid-row-end: 1; left: 25px; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+width expected 25 but got 0 >+PASS .grid 51 >+PASS .grid 52 >+PASS .grid 53 >+PASS .grid 54 >+PASS .grid 55 >+PASS .grid 56 >+PASS .grid 57 >+PASS .grid 58 >+PASS .grid 59 >+FAIL .grid 60 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="0" data-offset-x="30" data-offset-y="30" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: auto; grid-row-end: 1; left: 25px; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="0" data-offset-x="30" data-offset-y="30" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: auto; grid-row-end: 1; left: 25px; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+width expected 25 but got 0 >+PASS .grid 61 >+PASS .grid 62 >+PASS .grid 63 >+PASS .grid 64 >+PASS .grid 65 >+PASS .grid 66 >+PASS .grid 67 >+PASS .grid 68 >+PASS .grid 69 >+FAIL .grid 70 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="0" data-offset-x="25" data-offset-y="30" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: 25px; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="0" data-offset-x="25" data-offset-y="30" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: 25px; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+width expected 25 but got 0 >+PASS .grid 71 >+PASS .grid 72 >+PASS .grid 73 >+PASS .grid 74 >+PASS .grid 75 >+PASS .grid 76 >+PASS .grid 77 >+PASS .grid 78 >+PASS .grid 79 >+FAIL .grid 80 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="0" data-offset-x="25" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: auto; grid-row-end: 1; left: 25px; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="0" data-offset-x="25" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: auto; grid-row-end: 1; left: 25px; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+width expected 25 but got 0 >+PASS .grid 81 >+PASS .grid 82 >+PASS .grid 83 >+PASS .grid 84 >+PASS .grid 85 >+PASS .grid 86 >+PASS .grid 87 >+PASS .grid 88 >+PASS .grid 89 >+FAIL .grid 90 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="0" data-offset-x="25" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: auto; grid-row-end: 1; left: 25px; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="0" data-offset-x="25" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: auto; grid-row-end: 1; left: 25px; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+width expected 25 but got 0 >+PASS .grid 91 >+PASS .grid 92 >+PASS .grid 93 >+PASS .grid 94 >+PASS .grid 95 >+PASS .grid 96 >+PASS .grid 97 >+PASS .grid 98 >+PASS .grid 99 >+FAIL .grid 100 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="0" data-offset-x="25" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 1; left: 25px; top: 30px; right: auto; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="0" data-offset-x="25" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 1; left: 25px; top: 30px; right: auto; bottom: 40px;">XX</div></div></div> >+width expected 25 but got 0 >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-013.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-013.html >new file mode 100644 >index 0000000000000000000000000000000000000000..99400e69232fa5696d2d733bdebc5f54eba9479c >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-013.html >@@ -0,0 +1,26 @@ >+<!DOCTYPE html> >+<meta charset="utf-8"> >+<title>CSS Grid Layout Test: Positioned grid descendants</title> >+<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com"> >+<link rel="help" href="https://drafts.csswg.org/css-grid/#abspos" title="9. Absolute Positioning"> >+<meta name="assert" content="Checks that absolutely positioned orthogonal elements inside grid items are properly placed and sized when they have specific 'left', 'top' and 'bottom' offsets."> >+ >+<link rel="stylesheet" href="support/positioned-grid-descendants.css" /> >+ >+<script src="/resources/testharness.js"></script> >+<script src="/resources/testharnessreport.js"></script> >+<script src="/resources/check-layout-th.js"></script> >+ >+<body> >+<div id="log"></div> >+<script type="module"> >+import {runTests} from "./support/positioned-grid-descendants.js"; >+runTests({ >+ left: 25, >+ top: 30, >+ right: "auto", >+ bottom: 40, >+ orthogonal: true, >+}); >+</script> >+</body> >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-014-expected.txt b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-014-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..84b3015747fa501327697b6b60f5c2fcc43abb9d >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-014-expected.txt >@@ -0,0 +1,501 @@ >+ >+PASS .grid 1 >+PASS .grid 2 >+PASS .grid 3 >+PASS .grid 4 >+PASS .grid 5 >+PASS .grid 6 >+PASS .grid 7 >+PASS .grid 8 >+PASS .grid 9 >+PASS .grid 10 >+PASS .grid 11 >+PASS .grid 12 >+PASS .grid 13 >+PASS .grid 14 >+PASS .grid 15 >+PASS .grid 16 >+PASS .grid 17 >+PASS .grid 18 >+PASS .grid 19 >+PASS .grid 20 >+PASS .grid 21 >+PASS .grid 22 >+PASS .grid 23 >+PASS .grid 24 >+PASS .grid 25 >+PASS .grid 26 >+PASS .grid 27 >+PASS .grid 28 >+PASS .grid 29 >+PASS .grid 30 >+PASS .grid 31 >+PASS .grid 32 >+PASS .grid 33 >+PASS .grid 34 >+PASS .grid 35 >+PASS .grid 36 >+PASS .grid 37 >+PASS .grid 38 >+PASS .grid 39 >+PASS .grid 40 >+PASS .grid 41 >+PASS .grid 42 >+PASS .grid 43 >+PASS .grid 44 >+PASS .grid 45 >+PASS .grid 46 >+PASS .grid 47 >+PASS .grid 48 >+PASS .grid 49 >+PASS .grid 50 >+PASS .grid 51 >+PASS .grid 52 >+PASS .grid 53 >+PASS .grid 54 >+PASS .grid 55 >+PASS .grid 56 >+PASS .grid 57 >+PASS .grid 58 >+PASS .grid 59 >+PASS .grid 60 >+PASS .grid 61 >+PASS .grid 62 >+PASS .grid 63 >+PASS .grid 64 >+PASS .grid 65 >+PASS .grid 66 >+PASS .grid 67 >+PASS .grid 68 >+PASS .grid 69 >+PASS .grid 70 >+PASS .grid 71 >+PASS .grid 72 >+PASS .grid 73 >+PASS .grid 74 >+PASS .grid 75 >+PASS .grid 76 >+PASS .grid 77 >+PASS .grid 78 >+PASS .grid 79 >+PASS .grid 80 >+PASS .grid 81 >+PASS .grid 82 >+PASS .grid 83 >+PASS .grid 84 >+PASS .grid 85 >+PASS .grid 86 >+PASS .grid 87 >+PASS .grid 88 >+PASS .grid 89 >+PASS .grid 90 >+PASS .grid 91 >+PASS .grid 92 >+PASS .grid 93 >+PASS .grid 94 >+PASS .grid 95 >+PASS .grid 96 >+PASS .grid 97 >+PASS .grid 98 >+PASS .grid 99 >+PASS .grid 100 >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-014.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-014.html >new file mode 100644 >index 0000000000000000000000000000000000000000..a9c5408d97649a0eca7e9aa35ee54a60d743ba73 >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-014.html >@@ -0,0 +1,26 @@ >+<!DOCTYPE html> >+<meta charset="utf-8"> >+<title>CSS Grid Layout Test: Positioned grid descendants</title> >+<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com"> >+<link rel="help" href="https://drafts.csswg.org/css-grid/#abspos" title="9. Absolute Positioning"> >+<meta name="assert" content="Checks that absolutely positioned orthogonal elements inside grid items are properly placed and sized when they have specific 'left', 'right' and 'bottom' offsets."> >+ >+<link rel="stylesheet" href="support/positioned-grid-descendants.css" /> >+ >+<script src="/resources/testharness.js"></script> >+<script src="/resources/testharnessreport.js"></script> >+<script src="/resources/check-layout-th.js"></script> >+ >+<body> >+<div id="log"></div> >+<script type="module"> >+import {runTests} from "./support/positioned-grid-descendants.js"; >+runTests({ >+ left: 25, >+ top: "auto", >+ right: 35, >+ bottom: 40, >+ orthogonal: true, >+}); >+</script> >+</body> >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-015-expected.txt b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-015-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..b28b8b74575dd5de83c277b1caf3f023ac0beddb >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-015-expected.txt >@@ -0,0 +1,521 @@ >+ >+PASS .grid 1 >+PASS .grid 2 >+PASS .grid 3 >+PASS .grid 4 >+PASS .grid 5 >+PASS .grid 6 >+PASS .grid 7 >+PASS .grid 8 >+PASS .grid 9 >+FAIL .grid 10 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="0" data-offset-x="510" data-offset-y="30" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: auto; top: 30px; right: 35px; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="0" data-offset-x="510" data-offset-y="30" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: auto; top: 30px; right: 35px; bottom: 40px;">XX</div></div></div> >+width expected 25 but got 0 >+PASS .grid 11 >+PASS .grid 12 >+PASS .grid 13 >+PASS .grid 14 >+PASS .grid 15 >+PASS .grid 16 >+PASS .grid 17 >+PASS .grid 18 >+PASS .grid 19 >+FAIL .grid 20 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="0" data-offset-x="510" data-offset-y="30" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: auto; top: 30px; right: 35px; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="0" data-offset-x="510" data-offset-y="30" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: auto; top: 30px; right: 35px; bottom: 40px;">XX</div></div></div> >+width expected 25 but got 0 >+PASS .grid 21 >+PASS .grid 22 >+PASS .grid 23 >+PASS .grid 24 >+PASS .grid 25 >+PASS .grid 26 >+PASS .grid 27 >+PASS .grid 28 >+PASS .grid 29 >+FAIL .grid 30 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="0" data-offset-x="445" data-offset-y="30" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: auto; grid-row-end: 1; left: auto; top: 30px; right: 35px; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="0" data-offset-x="445" data-offset-y="30" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: auto; grid-row-end: 1; left: auto; top: 30px; right: 35px; bottom: 40px;">XX</div></div></div> >+width expected 25 but got 0 >+PASS .grid 31 >+PASS .grid 32 >+PASS .grid 33 >+PASS .grid 34 >+PASS .grid 35 >+PASS .grid 36 >+PASS .grid 37 >+PASS .grid 38 >+PASS .grid 39 >+FAIL .grid 40 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="0" data-offset-x="510" data-offset-y="30" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: auto; top: 30px; right: 35px; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="0" data-offset-x="510" data-offset-y="30" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: auto; top: 30px; right: 35px; bottom: 40px;">XX</div></div></div> >+width expected 25 but got 0 >+PASS .grid 41 >+PASS .grid 42 >+PASS .grid 43 >+PASS .grid 44 >+PASS .grid 45 >+PASS .grid 46 >+PASS .grid 47 >+PASS .grid 48 >+PASS .grid 49 >+FAIL .grid 50 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="0" data-offset-x="445" data-offset-y="30" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: auto; grid-row-end: 1; left: auto; top: 30px; right: 35px; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="0" data-offset-x="445" data-offset-y="30" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: auto; grid-row-end: 1; left: auto; top: 30px; right: 35px; bottom: 40px;">XX</div></div></div> >+width expected 25 but got 0 >+PASS .grid 51 >+PASS .grid 52 >+PASS .grid 53 >+PASS .grid 54 >+PASS .grid 55 >+PASS .grid 56 >+PASS .grid 57 >+PASS .grid 58 >+PASS .grid 59 >+FAIL .grid 60 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="0" data-offset-x="145" data-offset-y="30" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: auto; grid-row-end: 1; left: auto; top: 30px; right: 35px; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="0" data-offset-x="145" data-offset-y="30" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: auto; grid-row-end: 1; left: auto; top: 30px; right: 35px; bottom: 40px;">XX</div></div></div> >+width expected 25 but got 0 >+PASS .grid 61 >+PASS .grid 62 >+PASS .grid 63 >+PASS .grid 64 >+PASS .grid 65 >+PASS .grid 66 >+PASS .grid 67 >+PASS .grid 68 >+PASS .grid 69 >+FAIL .grid 70 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="0" data-offset-x="510" data-offset-y="30" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: auto; top: 30px; right: 35px; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="0" data-offset-x="510" data-offset-y="30" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: auto; top: 30px; right: 35px; bottom: 40px;">XX</div></div></div> >+width expected 25 but got 0 >+PASS .grid 71 >+PASS .grid 72 >+PASS .grid 73 >+PASS .grid 74 >+PASS .grid 75 >+PASS .grid 76 >+PASS .grid 77 >+PASS .grid 78 >+PASS .grid 79 >+FAIL .grid 80 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="0" data-offset-x="445" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: auto; grid-row-end: 1; left: auto; top: 30px; right: 35px; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="0" data-offset-x="445" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: auto; grid-row-end: 1; left: auto; top: 30px; right: 35px; bottom: 40px;">XX</div></div></div> >+width expected 25 but got 0 >+PASS .grid 81 >+PASS .grid 82 >+PASS .grid 83 >+PASS .grid 84 >+PASS .grid 85 >+PASS .grid 86 >+PASS .grid 87 >+PASS .grid 88 >+PASS .grid 89 >+FAIL .grid 90 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="0" data-offset-x="145" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: auto; grid-row-end: 1; left: auto; top: 30px; right: 35px; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="0" data-offset-x="145" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: auto; grid-row-end: 1; left: auto; top: 30px; right: 35px; bottom: 40px;">XX</div></div></div> >+width expected 25 but got 0 >+PASS .grid 91 >+PASS .grid 92 >+PASS .grid 93 >+PASS .grid 94 >+PASS .grid 95 >+PASS .grid 96 >+PASS .grid 97 >+PASS .grid 98 >+PASS .grid 99 >+FAIL .grid 100 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="0" data-offset-x="-55" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 1; left: auto; top: 30px; right: 35px; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="25" data-expected-height="0" data-offset-x="-55" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 1; left: auto; top: 30px; right: 35px; bottom: 40px;">XX</div></div></div> >+width expected 25 but got 0 >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-015.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-015.html >new file mode 100644 >index 0000000000000000000000000000000000000000..d75664ded33f9babb6b824e3b0a47d3342c3f168 >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-015.html >@@ -0,0 +1,26 @@ >+<!DOCTYPE html> >+<meta charset="utf-8"> >+<title>CSS Grid Layout Test: Positioned grid descendants</title> >+<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com"> >+<link rel="help" href="https://drafts.csswg.org/css-grid/#abspos" title="9. Absolute Positioning"> >+<meta name="assert" content="Checks that absolutely positioned orthogonal elements inside grid items are properly placed and sized when they have specific 'top', 'right' and 'bottom' offsets."> >+ >+<link rel="stylesheet" href="support/positioned-grid-descendants.css" /> >+ >+<script src="/resources/testharness.js"></script> >+<script src="/resources/testharnessreport.js"></script> >+<script src="/resources/check-layout-th.js"></script> >+ >+<body> >+<div id="log"></div> >+<script type="module"> >+import {runTests} from "./support/positioned-grid-descendants.js"; >+runTests({ >+ left: "auto", >+ top: 30, >+ right: 35, >+ bottom: 40, >+ orthogonal: true, >+}); >+</script> >+</body> >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-016-expected.txt b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-016-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..d58b9c250f8776841589acf991d720615a3f1cb9 >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-016-expected.txt >@@ -0,0 +1,521 @@ >+ >+PASS .grid 1 >+PASS .grid 2 >+PASS .grid 3 >+PASS .grid 4 >+PASS .grid 5 >+PASS .grid 6 >+PASS .grid 7 >+PASS .grid 8 >+PASS .grid 9 >+FAIL .grid 10 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="5" data-expected-height="0" data-offset-x="530" data-offset-y="30" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: 25px; top: 30px; right: 35px; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="5" data-expected-height="0" data-offset-x="530" data-offset-y="30" style="grid-column-start: 3; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: 25px; top: 30px; right: 35px; bottom: 40px;">XX</div></div></div> >+height expected 0 but got -50 >+PASS .grid 11 >+PASS .grid 12 >+PASS .grid 13 >+PASS .grid 14 >+PASS .grid 15 >+PASS .grid 16 >+PASS .grid 17 >+PASS .grid 18 >+PASS .grid 19 >+FAIL .grid 20 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="305" data-expected-height="0" data-offset-x="230" data-offset-y="30" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: 25px; top: 30px; right: 35px; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="305" data-expected-height="0" data-offset-x="230" data-offset-y="30" style="grid-column-start: 2; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: 25px; top: 30px; right: 35px; bottom: 40px;">XX</div></div></div> >+height expected 0 but got -50 >+PASS .grid 21 >+PASS .grid 22 >+PASS .grid 23 >+PASS .grid 24 >+PASS .grid 25 >+PASS .grid 26 >+PASS .grid 27 >+PASS .grid 28 >+PASS .grid 29 >+FAIL .grid 30 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="240" data-expected-height="0" data-offset-x="230" data-offset-y="30" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: auto; grid-row-end: 1; left: 25px; top: 30px; right: 35px; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="240" data-expected-height="0" data-offset-x="230" data-offset-y="30" style="grid-column-start: 2; grid-column-end: 3; grid-row-start: auto; grid-row-end: 1; left: 25px; top: 30px; right: 35px; bottom: 40px;">XX</div></div></div> >+height expected 0 but got -50 >+PASS .grid 31 >+PASS .grid 32 >+PASS .grid 33 >+PASS .grid 34 >+PASS .grid 35 >+PASS .grid 36 >+PASS .grid 37 >+PASS .grid 38 >+PASS .grid 39 >+FAIL .grid 40 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="505" data-expected-height="0" data-offset-x="30" data-offset-y="30" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: 25px; top: 30px; right: 35px; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="505" data-expected-height="0" data-offset-x="30" data-offset-y="30" style="grid-column-start: 1; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: 25px; top: 30px; right: 35px; bottom: 40px;">XX</div></div></div> >+height expected 0 but got -50 >+PASS .grid 41 >+PASS .grid 42 >+PASS .grid 43 >+PASS .grid 44 >+PASS .grid 45 >+PASS .grid 46 >+PASS .grid 47 >+PASS .grid 48 >+PASS .grid 49 >+FAIL .grid 50 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="440" data-expected-height="0" data-offset-x="30" data-offset-y="30" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: auto; grid-row-end: 1; left: 25px; top: 30px; right: 35px; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="440" data-expected-height="0" data-offset-x="30" data-offset-y="30" style="grid-column-start: 1; grid-column-end: 3; grid-row-start: auto; grid-row-end: 1; left: 25px; top: 30px; right: 35px; bottom: 40px;">XX</div></div></div> >+height expected 0 but got -50 >+PASS .grid 51 >+PASS .grid 52 >+PASS .grid 53 >+PASS .grid 54 >+PASS .grid 55 >+PASS .grid 56 >+PASS .grid 57 >+PASS .grid 58 >+PASS .grid 59 >+FAIL .grid 60 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="140" data-expected-height="0" data-offset-x="30" data-offset-y="30" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: auto; grid-row-end: 1; left: 25px; top: 30px; right: 35px; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="140" data-expected-height="0" data-offset-x="30" data-offset-y="30" style="grid-column-start: 1; grid-column-end: 2; grid-row-start: auto; grid-row-end: 1; left: 25px; top: 30px; right: 35px; bottom: 40px;">XX</div></div></div> >+height expected 0 but got -50 >+PASS .grid 61 >+PASS .grid 62 >+PASS .grid 63 >+PASS .grid 64 >+PASS .grid 65 >+PASS .grid 66 >+PASS .grid 67 >+PASS .grid 68 >+PASS .grid 69 >+FAIL .grid 70 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="510" data-expected-height="0" data-offset-x="25" data-offset-y="30" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: 25px; top: 30px; right: 35px; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="510" data-expected-height="0" data-offset-x="25" data-offset-y="30" style="grid-column-start: auto; grid-column-end: auto; grid-row-start: auto; grid-row-end: 1; left: 25px; top: 30px; right: 35px; bottom: 40px;">XX</div></div></div> >+height expected 0 but got -50 >+PASS .grid 71 >+PASS .grid 72 >+PASS .grid 73 >+PASS .grid 74 >+PASS .grid 75 >+PASS .grid 76 >+PASS .grid 77 >+PASS .grid 78 >+PASS .grid 79 >+FAIL .grid 80 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="445" data-expected-height="0" data-offset-x="25" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: auto; grid-row-end: 1; left: 25px; top: 30px; right: 35px; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="445" data-expected-height="0" data-offset-x="25" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 3; grid-row-start: auto; grid-row-end: 1; left: 25px; top: 30px; right: 35px; bottom: 40px;">XX</div></div></div> >+height expected 0 but got -50 >+PASS .grid 81 >+PASS .grid 82 >+PASS .grid 83 >+PASS .grid 84 >+PASS .grid 85 >+PASS .grid 86 >+PASS .grid 87 >+PASS .grid 88 >+PASS .grid 89 >+FAIL .grid 90 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="145" data-expected-height="0" data-offset-x="25" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: auto; grid-row-end: 1; left: 25px; top: 30px; right: 35px; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="145" data-expected-height="0" data-offset-x="25" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 2; grid-row-start: auto; grid-row-end: 1; left: 25px; top: 30px; right: 35px; bottom: 40px;">XX</div></div></div> >+height expected 0 but got -50 >+PASS .grid 91 >+PASS .grid 92 >+PASS .grid 93 >+PASS .grid 94 >+PASS .grid 95 >+PASS .grid 96 >+PASS .grid 97 >+PASS .grid 98 >+PASS .grid 99 >+FAIL .grid 100 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="0" data-expected-height="0" data-offset-x="25" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 1; left: 25px; top: 30px; right: 35px; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos orthogonal" data-expected-width="0" data-expected-height="0" data-offset-x="25" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 1; left: 25px; top: 30px; right: 35px; bottom: 40px;">XX</div></div></div> >+height expected 0 but got -50 >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-016.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-016.html >new file mode 100644 >index 0000000000000000000000000000000000000000..a2ce6b99ab1d0bb79224e15a549627a8f595b3c1 >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-016.html >@@ -0,0 +1,26 @@ >+<!DOCTYPE html> >+<meta charset="utf-8"> >+<title>CSS Grid Layout Test: Positioned grid descendants</title> >+<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com"> >+<link rel="help" href="https://drafts.csswg.org/css-grid/#abspos" title="9. Absolute Positioning"> >+<meta name="assert" content="Checks that absolutely positioned orthogonal elements inside grid items are properly placed and sized when they have specific 'left, 'top', 'right' and 'bottom' offsets."> >+ >+<link rel="stylesheet" href="support/positioned-grid-descendants.css" /> >+ >+<script src="/resources/testharness.js"></script> >+<script src="/resources/testharnessreport.js"></script> >+<script src="/resources/check-layout-th.js"></script> >+ >+<body> >+<div id="log"></div> >+<script type="module"> >+import {runTests} from "./support/positioned-grid-descendants.js"; >+runTests({ >+ left: 25, >+ top: 30, >+ right: 35, >+ bottom: 40, >+ orthogonal: true, >+}); >+</script> >+</body> >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-001-expected.txt b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-001-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..84b3015747fa501327697b6b60f5c2fcc43abb9d >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-001-expected.txt >@@ -0,0 +1,501 @@ >+ >+PASS .grid 1 >+PASS .grid 2 >+PASS .grid 3 >+PASS .grid 4 >+PASS .grid 5 >+PASS .grid 6 >+PASS .grid 7 >+PASS .grid 8 >+PASS .grid 9 >+PASS .grid 10 >+PASS .grid 11 >+PASS .grid 12 >+PASS .grid 13 >+PASS .grid 14 >+PASS .grid 15 >+PASS .grid 16 >+PASS .grid 17 >+PASS .grid 18 >+PASS .grid 19 >+PASS .grid 20 >+PASS .grid 21 >+PASS .grid 22 >+PASS .grid 23 >+PASS .grid 24 >+PASS .grid 25 >+PASS .grid 26 >+PASS .grid 27 >+PASS .grid 28 >+PASS .grid 29 >+PASS .grid 30 >+PASS .grid 31 >+PASS .grid 32 >+PASS .grid 33 >+PASS .grid 34 >+PASS .grid 35 >+PASS .grid 36 >+PASS .grid 37 >+PASS .grid 38 >+PASS .grid 39 >+PASS .grid 40 >+PASS .grid 41 >+PASS .grid 42 >+PASS .grid 43 >+PASS .grid 44 >+PASS .grid 45 >+PASS .grid 46 >+PASS .grid 47 >+PASS .grid 48 >+PASS .grid 49 >+PASS .grid 50 >+PASS .grid 51 >+PASS .grid 52 >+PASS .grid 53 >+PASS .grid 54 >+PASS .grid 55 >+PASS .grid 56 >+PASS .grid 57 >+PASS .grid 58 >+PASS .grid 59 >+PASS .grid 60 >+PASS .grid 61 >+PASS .grid 62 >+PASS .grid 63 >+PASS .grid 64 >+PASS .grid 65 >+PASS .grid 66 >+PASS .grid 67 >+PASS .grid 68 >+PASS .grid 69 >+PASS .grid 70 >+PASS .grid 71 >+PASS .grid 72 >+PASS .grid 73 >+PASS .grid 74 >+PASS .grid 75 >+PASS .grid 76 >+PASS .grid 77 >+PASS .grid 78 >+PASS .grid 79 >+PASS .grid 80 >+PASS .grid 81 >+PASS .grid 82 >+PASS .grid 83 >+PASS .grid 84 >+PASS .grid 85 >+PASS .grid 86 >+PASS .grid 87 >+PASS .grid 88 >+PASS .grid 89 >+PASS .grid 90 >+PASS .grid 91 >+PASS .grid 92 >+PASS .grid 93 >+PASS .grid 94 >+PASS .grid 95 >+PASS .grid 96 >+PASS .grid 97 >+PASS .grid 98 >+PASS .grid 99 >+PASS .grid 100 >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-001.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-001.html >new file mode 100644 >index 0000000000000000000000000000000000000000..fddb5d81754913c2958436b88df574f2b696cc77 >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-001.html >@@ -0,0 +1,25 @@ >+<!DOCTYPE html> >+<meta charset="utf-8"> >+<title>CSS Grid Layout Test: Positioned grid descendants</title> >+<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com"> >+<link rel="help" href="https://drafts.csswg.org/css-grid/#abspos" title="9. Absolute Positioning"> >+<meta name="assert" content="Checks that absolutely positioned elements inside grid items are properly placed and sized when they have a static position (left/rigth and top/bottom are 'auto')."> >+ >+<link rel="stylesheet" href="support/positioned-grid-descendants.css" /> >+ >+<script src="/resources/testharness.js"></script> >+<script src="/resources/testharnessreport.js"></script> >+<script src="/resources/check-layout-th.js"></script> >+ >+<body> >+<div id="log"></div> >+<script type="module"> >+import {runTests} from "./support/positioned-grid-descendants.js"; >+runTests({ >+ left: "auto", >+ top: "auto", >+ right: "auto", >+ bottom: "auto", >+}); >+</script> >+</body> >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-002-expected.txt b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-002-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..84b3015747fa501327697b6b60f5c2fcc43abb9d >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-002-expected.txt >@@ -0,0 +1,501 @@ >+ >+PASS .grid 1 >+PASS .grid 2 >+PASS .grid 3 >+PASS .grid 4 >+PASS .grid 5 >+PASS .grid 6 >+PASS .grid 7 >+PASS .grid 8 >+PASS .grid 9 >+PASS .grid 10 >+PASS .grid 11 >+PASS .grid 12 >+PASS .grid 13 >+PASS .grid 14 >+PASS .grid 15 >+PASS .grid 16 >+PASS .grid 17 >+PASS .grid 18 >+PASS .grid 19 >+PASS .grid 20 >+PASS .grid 21 >+PASS .grid 22 >+PASS .grid 23 >+PASS .grid 24 >+PASS .grid 25 >+PASS .grid 26 >+PASS .grid 27 >+PASS .grid 28 >+PASS .grid 29 >+PASS .grid 30 >+PASS .grid 31 >+PASS .grid 32 >+PASS .grid 33 >+PASS .grid 34 >+PASS .grid 35 >+PASS .grid 36 >+PASS .grid 37 >+PASS .grid 38 >+PASS .grid 39 >+PASS .grid 40 >+PASS .grid 41 >+PASS .grid 42 >+PASS .grid 43 >+PASS .grid 44 >+PASS .grid 45 >+PASS .grid 46 >+PASS .grid 47 >+PASS .grid 48 >+PASS .grid 49 >+PASS .grid 50 >+PASS .grid 51 >+PASS .grid 52 >+PASS .grid 53 >+PASS .grid 54 >+PASS .grid 55 >+PASS .grid 56 >+PASS .grid 57 >+PASS .grid 58 >+PASS .grid 59 >+PASS .grid 60 >+PASS .grid 61 >+PASS .grid 62 >+PASS .grid 63 >+PASS .grid 64 >+PASS .grid 65 >+PASS .grid 66 >+PASS .grid 67 >+PASS .grid 68 >+PASS .grid 69 >+PASS .grid 70 >+PASS .grid 71 >+PASS .grid 72 >+PASS .grid 73 >+PASS .grid 74 >+PASS .grid 75 >+PASS .grid 76 >+PASS .grid 77 >+PASS .grid 78 >+PASS .grid 79 >+PASS .grid 80 >+PASS .grid 81 >+PASS .grid 82 >+PASS .grid 83 >+PASS .grid 84 >+PASS .grid 85 >+PASS .grid 86 >+PASS .grid 87 >+PASS .grid 88 >+PASS .grid 89 >+PASS .grid 90 >+PASS .grid 91 >+PASS .grid 92 >+PASS .grid 93 >+PASS .grid 94 >+PASS .grid 95 >+PASS .grid 96 >+PASS .grid 97 >+PASS .grid 98 >+PASS .grid 99 >+PASS .grid 100 >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-002.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-002.html >new file mode 100644 >index 0000000000000000000000000000000000000000..987bd46bd3ca468779737ef4d47c31682854cd8d >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-002.html >@@ -0,0 +1,25 @@ >+<!DOCTYPE html> >+<meta charset="utf-8"> >+<title>CSS Grid Layout Test: Positioned grid descendants</title> >+<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com"> >+<link rel="help" href="https://drafts.csswg.org/css-grid/#abspos" title="9. Absolute Positioning"> >+<meta name="assert" content="Checks that absolutely positioned elements inside grid items are properly placed and sized when they have a specific 'left' offset and a static block position (top/bottom are 'auto')."> >+ >+<link rel="stylesheet" href="support/positioned-grid-descendants.css" /> >+ >+<script src="/resources/testharness.js"></script> >+<script src="/resources/testharnessreport.js"></script> >+<script src="/resources/check-layout-th.js"></script> >+ >+<body> >+<div id="log"></div> >+<script type="module"> >+import {runTests} from "./support/positioned-grid-descendants.js"; >+runTests({ >+ left: 25, >+ top: "auto", >+ right: "auto", >+ bottom: "auto", >+}); >+</script> >+</body> >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-003-expected.txt b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-003-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..84b3015747fa501327697b6b60f5c2fcc43abb9d >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-003-expected.txt >@@ -0,0 +1,501 @@ >+ >+PASS .grid 1 >+PASS .grid 2 >+PASS .grid 3 >+PASS .grid 4 >+PASS .grid 5 >+PASS .grid 6 >+PASS .grid 7 >+PASS .grid 8 >+PASS .grid 9 >+PASS .grid 10 >+PASS .grid 11 >+PASS .grid 12 >+PASS .grid 13 >+PASS .grid 14 >+PASS .grid 15 >+PASS .grid 16 >+PASS .grid 17 >+PASS .grid 18 >+PASS .grid 19 >+PASS .grid 20 >+PASS .grid 21 >+PASS .grid 22 >+PASS .grid 23 >+PASS .grid 24 >+PASS .grid 25 >+PASS .grid 26 >+PASS .grid 27 >+PASS .grid 28 >+PASS .grid 29 >+PASS .grid 30 >+PASS .grid 31 >+PASS .grid 32 >+PASS .grid 33 >+PASS .grid 34 >+PASS .grid 35 >+PASS .grid 36 >+PASS .grid 37 >+PASS .grid 38 >+PASS .grid 39 >+PASS .grid 40 >+PASS .grid 41 >+PASS .grid 42 >+PASS .grid 43 >+PASS .grid 44 >+PASS .grid 45 >+PASS .grid 46 >+PASS .grid 47 >+PASS .grid 48 >+PASS .grid 49 >+PASS .grid 50 >+PASS .grid 51 >+PASS .grid 52 >+PASS .grid 53 >+PASS .grid 54 >+PASS .grid 55 >+PASS .grid 56 >+PASS .grid 57 >+PASS .grid 58 >+PASS .grid 59 >+PASS .grid 60 >+PASS .grid 61 >+PASS .grid 62 >+PASS .grid 63 >+PASS .grid 64 >+PASS .grid 65 >+PASS .grid 66 >+PASS .grid 67 >+PASS .grid 68 >+PASS .grid 69 >+PASS .grid 70 >+PASS .grid 71 >+PASS .grid 72 >+PASS .grid 73 >+PASS .grid 74 >+PASS .grid 75 >+PASS .grid 76 >+PASS .grid 77 >+PASS .grid 78 >+PASS .grid 79 >+PASS .grid 80 >+PASS .grid 81 >+PASS .grid 82 >+PASS .grid 83 >+PASS .grid 84 >+PASS .grid 85 >+PASS .grid 86 >+PASS .grid 87 >+PASS .grid 88 >+PASS .grid 89 >+PASS .grid 90 >+PASS .grid 91 >+PASS .grid 92 >+PASS .grid 93 >+PASS .grid 94 >+PASS .grid 95 >+PASS .grid 96 >+PASS .grid 97 >+PASS .grid 98 >+PASS .grid 99 >+PASS .grid 100 >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-003.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-003.html >new file mode 100644 >index 0000000000000000000000000000000000000000..ca3653959af5b6aa89afcc143dbd54fa1375c0fd >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-003.html >@@ -0,0 +1,25 @@ >+<!DOCTYPE html> >+<meta charset="utf-8"> >+<title>CSS Grid Layout Test: Positioned grid descendants</title> >+<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com"> >+<link rel="help" href="https://drafts.csswg.org/css-grid/#abspos" title="9. Absolute Positioning"> >+<meta name="assert" content="Checks that absolutely positioned elements inside grid items are properly placed and sized when they have a specific 'top' offset and a static inline position (left/right are 'auto')."> >+ >+<link rel="stylesheet" href="support/positioned-grid-descendants.css" /> >+ >+<script src="/resources/testharness.js"></script> >+<script src="/resources/testharnessreport.js"></script> >+<script src="/resources/check-layout-th.js"></script> >+ >+<body> >+<div id="log"></div> >+<script type="module"> >+import {runTests} from "./support/positioned-grid-descendants.js"; >+runTests({ >+ left: "auto", >+ top: 30, >+ right: "auto", >+ bottom: "auto", >+}); >+</script> >+</body> >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-004-expected.txt b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-004-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..84b3015747fa501327697b6b60f5c2fcc43abb9d >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-004-expected.txt >@@ -0,0 +1,501 @@ >+ >+PASS .grid 1 >+PASS .grid 2 >+PASS .grid 3 >+PASS .grid 4 >+PASS .grid 5 >+PASS .grid 6 >+PASS .grid 7 >+PASS .grid 8 >+PASS .grid 9 >+PASS .grid 10 >+PASS .grid 11 >+PASS .grid 12 >+PASS .grid 13 >+PASS .grid 14 >+PASS .grid 15 >+PASS .grid 16 >+PASS .grid 17 >+PASS .grid 18 >+PASS .grid 19 >+PASS .grid 20 >+PASS .grid 21 >+PASS .grid 22 >+PASS .grid 23 >+PASS .grid 24 >+PASS .grid 25 >+PASS .grid 26 >+PASS .grid 27 >+PASS .grid 28 >+PASS .grid 29 >+PASS .grid 30 >+PASS .grid 31 >+PASS .grid 32 >+PASS .grid 33 >+PASS .grid 34 >+PASS .grid 35 >+PASS .grid 36 >+PASS .grid 37 >+PASS .grid 38 >+PASS .grid 39 >+PASS .grid 40 >+PASS .grid 41 >+PASS .grid 42 >+PASS .grid 43 >+PASS .grid 44 >+PASS .grid 45 >+PASS .grid 46 >+PASS .grid 47 >+PASS .grid 48 >+PASS .grid 49 >+PASS .grid 50 >+PASS .grid 51 >+PASS .grid 52 >+PASS .grid 53 >+PASS .grid 54 >+PASS .grid 55 >+PASS .grid 56 >+PASS .grid 57 >+PASS .grid 58 >+PASS .grid 59 >+PASS .grid 60 >+PASS .grid 61 >+PASS .grid 62 >+PASS .grid 63 >+PASS .grid 64 >+PASS .grid 65 >+PASS .grid 66 >+PASS .grid 67 >+PASS .grid 68 >+PASS .grid 69 >+PASS .grid 70 >+PASS .grid 71 >+PASS .grid 72 >+PASS .grid 73 >+PASS .grid 74 >+PASS .grid 75 >+PASS .grid 76 >+PASS .grid 77 >+PASS .grid 78 >+PASS .grid 79 >+PASS .grid 80 >+PASS .grid 81 >+PASS .grid 82 >+PASS .grid 83 >+PASS .grid 84 >+PASS .grid 85 >+PASS .grid 86 >+PASS .grid 87 >+PASS .grid 88 >+PASS .grid 89 >+PASS .grid 90 >+PASS .grid 91 >+PASS .grid 92 >+PASS .grid 93 >+PASS .grid 94 >+PASS .grid 95 >+PASS .grid 96 >+PASS .grid 97 >+PASS .grid 98 >+PASS .grid 99 >+PASS .grid 100 >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-004.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-004.html >new file mode 100644 >index 0000000000000000000000000000000000000000..1710781580a90492712ea565433949c5b31ce934 >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-004.html >@@ -0,0 +1,25 @@ >+<!DOCTYPE html> >+<meta charset="utf-8"> >+<title>CSS Grid Layout Test: Positioned grid descendants</title> >+<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com"> >+<link rel="help" href="https://drafts.csswg.org/css-grid/#abspos" title="9. Absolute Positioning"> >+<meta name="assert" content="Checks that absolutely positioned elements inside grid items are properly placed and sized when they have specific 'right' offset and a static block position (top/bottom are 'auto')."> >+ >+<link rel="stylesheet" href="support/positioned-grid-descendants.css" /> >+ >+<script src="/resources/testharness.js"></script> >+<script src="/resources/testharnessreport.js"></script> >+<script src="/resources/check-layout-th.js"></script> >+ >+<body> >+<div id="log"></div> >+<script type="module"> >+import {runTests} from "./support/positioned-grid-descendants.js"; >+runTests({ >+ left: "auto", >+ top: "auto", >+ right: 35, >+ bottom: "auto", >+}); >+</script> >+</body> >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-005-expected.txt b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-005-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..84b3015747fa501327697b6b60f5c2fcc43abb9d >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-005-expected.txt >@@ -0,0 +1,501 @@ >+ >+PASS .grid 1 >+PASS .grid 2 >+PASS .grid 3 >+PASS .grid 4 >+PASS .grid 5 >+PASS .grid 6 >+PASS .grid 7 >+PASS .grid 8 >+PASS .grid 9 >+PASS .grid 10 >+PASS .grid 11 >+PASS .grid 12 >+PASS .grid 13 >+PASS .grid 14 >+PASS .grid 15 >+PASS .grid 16 >+PASS .grid 17 >+PASS .grid 18 >+PASS .grid 19 >+PASS .grid 20 >+PASS .grid 21 >+PASS .grid 22 >+PASS .grid 23 >+PASS .grid 24 >+PASS .grid 25 >+PASS .grid 26 >+PASS .grid 27 >+PASS .grid 28 >+PASS .grid 29 >+PASS .grid 30 >+PASS .grid 31 >+PASS .grid 32 >+PASS .grid 33 >+PASS .grid 34 >+PASS .grid 35 >+PASS .grid 36 >+PASS .grid 37 >+PASS .grid 38 >+PASS .grid 39 >+PASS .grid 40 >+PASS .grid 41 >+PASS .grid 42 >+PASS .grid 43 >+PASS .grid 44 >+PASS .grid 45 >+PASS .grid 46 >+PASS .grid 47 >+PASS .grid 48 >+PASS .grid 49 >+PASS .grid 50 >+PASS .grid 51 >+PASS .grid 52 >+PASS .grid 53 >+PASS .grid 54 >+PASS .grid 55 >+PASS .grid 56 >+PASS .grid 57 >+PASS .grid 58 >+PASS .grid 59 >+PASS .grid 60 >+PASS .grid 61 >+PASS .grid 62 >+PASS .grid 63 >+PASS .grid 64 >+PASS .grid 65 >+PASS .grid 66 >+PASS .grid 67 >+PASS .grid 68 >+PASS .grid 69 >+PASS .grid 70 >+PASS .grid 71 >+PASS .grid 72 >+PASS .grid 73 >+PASS .grid 74 >+PASS .grid 75 >+PASS .grid 76 >+PASS .grid 77 >+PASS .grid 78 >+PASS .grid 79 >+PASS .grid 80 >+PASS .grid 81 >+PASS .grid 82 >+PASS .grid 83 >+PASS .grid 84 >+PASS .grid 85 >+PASS .grid 86 >+PASS .grid 87 >+PASS .grid 88 >+PASS .grid 89 >+PASS .grid 90 >+PASS .grid 91 >+PASS .grid 92 >+PASS .grid 93 >+PASS .grid 94 >+PASS .grid 95 >+PASS .grid 96 >+PASS .grid 97 >+PASS .grid 98 >+PASS .grid 99 >+PASS .grid 100 >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-005.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-005.html >new file mode 100644 >index 0000000000000000000000000000000000000000..00d1299977f11ad4ff110bd0b3f59a6b9741a708 >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-005.html >@@ -0,0 +1,25 @@ >+<!DOCTYPE html> >+<meta charset="utf-8"> >+<title>CSS Grid Layout Test: Positioned grid descendants</title> >+<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com"> >+<link rel="help" href="https://drafts.csswg.org/css-grid/#abspos" title="9. Absolute Positioning"> >+<meta name="assert" content="Checks that absolutely positioned elements inside grid items are properly placed and sized when they have specific 'bottom' offset and a static inline position (left/right are 'auto')."> >+ >+<link rel="stylesheet" href="support/positioned-grid-descendants.css" /> >+ >+<script src="/resources/testharness.js"></script> >+<script src="/resources/testharnessreport.js"></script> >+<script src="/resources/check-layout-th.js"></script> >+ >+<body> >+<div id="log"></div> >+<script type="module"> >+import {runTests} from "./support/positioned-grid-descendants.js"; >+runTests({ >+ left: "auto", >+ right: "auto", >+ top: "auto", >+ bottom: 40, >+}); >+</script> >+</body> >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-006-expected.txt b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-006-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..84b3015747fa501327697b6b60f5c2fcc43abb9d >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-006-expected.txt >@@ -0,0 +1,501 @@ >+ >+PASS .grid 1 >+PASS .grid 2 >+PASS .grid 3 >+PASS .grid 4 >+PASS .grid 5 >+PASS .grid 6 >+PASS .grid 7 >+PASS .grid 8 >+PASS .grid 9 >+PASS .grid 10 >+PASS .grid 11 >+PASS .grid 12 >+PASS .grid 13 >+PASS .grid 14 >+PASS .grid 15 >+PASS .grid 16 >+PASS .grid 17 >+PASS .grid 18 >+PASS .grid 19 >+PASS .grid 20 >+PASS .grid 21 >+PASS .grid 22 >+PASS .grid 23 >+PASS .grid 24 >+PASS .grid 25 >+PASS .grid 26 >+PASS .grid 27 >+PASS .grid 28 >+PASS .grid 29 >+PASS .grid 30 >+PASS .grid 31 >+PASS .grid 32 >+PASS .grid 33 >+PASS .grid 34 >+PASS .grid 35 >+PASS .grid 36 >+PASS .grid 37 >+PASS .grid 38 >+PASS .grid 39 >+PASS .grid 40 >+PASS .grid 41 >+PASS .grid 42 >+PASS .grid 43 >+PASS .grid 44 >+PASS .grid 45 >+PASS .grid 46 >+PASS .grid 47 >+PASS .grid 48 >+PASS .grid 49 >+PASS .grid 50 >+PASS .grid 51 >+PASS .grid 52 >+PASS .grid 53 >+PASS .grid 54 >+PASS .grid 55 >+PASS .grid 56 >+PASS .grid 57 >+PASS .grid 58 >+PASS .grid 59 >+PASS .grid 60 >+PASS .grid 61 >+PASS .grid 62 >+PASS .grid 63 >+PASS .grid 64 >+PASS .grid 65 >+PASS .grid 66 >+PASS .grid 67 >+PASS .grid 68 >+PASS .grid 69 >+PASS .grid 70 >+PASS .grid 71 >+PASS .grid 72 >+PASS .grid 73 >+PASS .grid 74 >+PASS .grid 75 >+PASS .grid 76 >+PASS .grid 77 >+PASS .grid 78 >+PASS .grid 79 >+PASS .grid 80 >+PASS .grid 81 >+PASS .grid 82 >+PASS .grid 83 >+PASS .grid 84 >+PASS .grid 85 >+PASS .grid 86 >+PASS .grid 87 >+PASS .grid 88 >+PASS .grid 89 >+PASS .grid 90 >+PASS .grid 91 >+PASS .grid 92 >+PASS .grid 93 >+PASS .grid 94 >+PASS .grid 95 >+PASS .grid 96 >+PASS .grid 97 >+PASS .grid 98 >+PASS .grid 99 >+PASS .grid 100 >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-006.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-006.html >new file mode 100644 >index 0000000000000000000000000000000000000000..6c856ccd91d45004e39adea5f58bb3427c70863a >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-006.html >@@ -0,0 +1,25 @@ >+<!DOCTYPE html> >+<meta charset="utf-8"> >+<title>CSS Grid Layout Test: Positioned grid descendants</title> >+<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com"> >+<link rel="help" href="https://drafts.csswg.org/css-grid/#abspos" title="9. Absolute Positioning"> >+<meta name="assert" content="Checks that absolutely positioned elements inside grid items are properly placed and sized when they have specific 'left' and 'top' offsets."> >+ >+<link rel="stylesheet" href="support/positioned-grid-descendants.css" /> >+ >+<script src="/resources/testharness.js"></script> >+<script src="/resources/testharnessreport.js"></script> >+<script src="/resources/check-layout-th.js"></script> >+ >+<body> >+<div id="log"></div> >+<script type="module"> >+import {runTests} from "./support/positioned-grid-descendants.js"; >+runTests({ >+ left: 25, >+ top: 30, >+ right: "auto", >+ bottom: "auto", >+}); >+</script> >+</body> >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-007-expected.txt b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-007-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..50bf47ada8f5ebe5a1c218c05e04e98f7de93bba >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-007-expected.txt >@@ -0,0 +1,521 @@ >+ >+PASS .grid 1 >+PASS .grid 2 >+PASS .grid 3 >+PASS .grid 4 >+PASS .grid 5 >+PASS .grid 6 >+PASS .grid 7 >+PASS .grid 8 >+PASS .grid 9 >+PASS .grid 10 >+PASS .grid 11 >+PASS .grid 12 >+PASS .grid 13 >+PASS .grid 14 >+PASS .grid 15 >+PASS .grid 16 >+PASS .grid 17 >+PASS .grid 18 >+PASS .grid 19 >+PASS .grid 20 >+PASS .grid 21 >+PASS .grid 22 >+PASS .grid 23 >+PASS .grid 24 >+PASS .grid 25 >+PASS .grid 26 >+PASS .grid 27 >+PASS .grid 28 >+PASS .grid 29 >+PASS .grid 30 >+PASS .grid 31 >+PASS .grid 32 >+PASS .grid 33 >+PASS .grid 34 >+PASS .grid 35 >+PASS .grid 36 >+PASS .grid 37 >+PASS .grid 38 >+PASS .grid 39 >+PASS .grid 40 >+PASS .grid 41 >+PASS .grid 42 >+PASS .grid 43 >+PASS .grid 44 >+PASS .grid 45 >+PASS .grid 46 >+PASS .grid 47 >+PASS .grid 48 >+PASS .grid 49 >+PASS .grid 50 >+PASS .grid 51 >+PASS .grid 52 >+PASS .grid 53 >+PASS .grid 54 >+PASS .grid 55 >+PASS .grid 56 >+PASS .grid 57 >+PASS .grid 58 >+PASS .grid 59 >+PASS .grid 60 >+PASS .grid 61 >+PASS .grid 62 >+PASS .grid 63 >+PASS .grid 64 >+PASS .grid 65 >+PASS .grid 66 >+PASS .grid 67 >+PASS .grid 68 >+PASS .grid 69 >+PASS .grid 70 >+PASS .grid 71 >+PASS .grid 72 >+PASS .grid 73 >+PASS .grid 74 >+PASS .grid 75 >+PASS .grid 76 >+PASS .grid 77 >+PASS .grid 78 >+PASS .grid 79 >+PASS .grid 80 >+PASS .grid 81 >+PASS .grid 82 >+PASS .grid 83 >+PASS .grid 84 >+PASS .grid 85 >+PASS .grid 86 >+PASS .grid 87 >+PASS .grid 88 >+PASS .grid 89 >+PASS .grid 90 >+FAIL .grid 91 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 3; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 3; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+width expected 0 but got -55 >+FAIL .grid 92 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 2; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 2; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+width expected 0 but got -55 >+FAIL .grid 93 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 2; grid-row-end: 3; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 2; grid-row-end: 3; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+width expected 0 but got -55 >+FAIL .grid 94 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+width expected 0 but got -55 >+FAIL .grid 95 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: 3; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: 3; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+width expected 0 but got -55 >+FAIL .grid 96 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: 2; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: 2; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+width expected 0 but got -55 >+FAIL .grid 97 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+width expected 0 but got -55 >+FAIL .grid 98 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 3; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 3; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+width expected 0 but got -55 >+FAIL .grid 99 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 2; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 2; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+width expected 0 but got -55 >+FAIL .grid 100 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="45" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 1; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="195" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 1; left: 25px; top: auto; right: 35px; bottom: auto;">XX</div></div></div> >+width expected 0 but got -55 >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-007.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-007.html >new file mode 100644 >index 0000000000000000000000000000000000000000..97c489cd5da757b7ad6d36c2f38a8d1be9b98838 >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-007.html >@@ -0,0 +1,25 @@ >+<!DOCTYPE html> >+<meta charset="utf-8"> >+<title>CSS Grid Layout Test: Positioned grid descendants</title> >+<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com"> >+<link rel="help" href="https://drafts.csswg.org/css-grid/#abspos" title="9. Absolute Positioning"> >+<meta name="assert" content="Checks that absolutely positioned elements inside grid items are properly placed and sized when they have specific 'left' and 'right' offsets and a static block position (top/bottom are 'auto')."> >+ >+<link rel="stylesheet" href="support/positioned-grid-descendants.css" /> >+ >+<script src="/resources/testharness.js"></script> >+<script src="/resources/testharnessreport.js"></script> >+<script src="/resources/check-layout-th.js"></script> >+ >+<body> >+<div id="log"></div> >+<script type="module"> >+import {runTests} from "./support/positioned-grid-descendants.js"; >+runTests({ >+ left: 25, >+ top: "auto", >+ right: 35, >+ bottom: "auto", >+}); >+</script> >+</body> >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-008-expected.txt b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-008-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..84b3015747fa501327697b6b60f5c2fcc43abb9d >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-008-expected.txt >@@ -0,0 +1,501 @@ >+ >+PASS .grid 1 >+PASS .grid 2 >+PASS .grid 3 >+PASS .grid 4 >+PASS .grid 5 >+PASS .grid 6 >+PASS .grid 7 >+PASS .grid 8 >+PASS .grid 9 >+PASS .grid 10 >+PASS .grid 11 >+PASS .grid 12 >+PASS .grid 13 >+PASS .grid 14 >+PASS .grid 15 >+PASS .grid 16 >+PASS .grid 17 >+PASS .grid 18 >+PASS .grid 19 >+PASS .grid 20 >+PASS .grid 21 >+PASS .grid 22 >+PASS .grid 23 >+PASS .grid 24 >+PASS .grid 25 >+PASS .grid 26 >+PASS .grid 27 >+PASS .grid 28 >+PASS .grid 29 >+PASS .grid 30 >+PASS .grid 31 >+PASS .grid 32 >+PASS .grid 33 >+PASS .grid 34 >+PASS .grid 35 >+PASS .grid 36 >+PASS .grid 37 >+PASS .grid 38 >+PASS .grid 39 >+PASS .grid 40 >+PASS .grid 41 >+PASS .grid 42 >+PASS .grid 43 >+PASS .grid 44 >+PASS .grid 45 >+PASS .grid 46 >+PASS .grid 47 >+PASS .grid 48 >+PASS .grid 49 >+PASS .grid 50 >+PASS .grid 51 >+PASS .grid 52 >+PASS .grid 53 >+PASS .grid 54 >+PASS .grid 55 >+PASS .grid 56 >+PASS .grid 57 >+PASS .grid 58 >+PASS .grid 59 >+PASS .grid 60 >+PASS .grid 61 >+PASS .grid 62 >+PASS .grid 63 >+PASS .grid 64 >+PASS .grid 65 >+PASS .grid 66 >+PASS .grid 67 >+PASS .grid 68 >+PASS .grid 69 >+PASS .grid 70 >+PASS .grid 71 >+PASS .grid 72 >+PASS .grid 73 >+PASS .grid 74 >+PASS .grid 75 >+PASS .grid 76 >+PASS .grid 77 >+PASS .grid 78 >+PASS .grid 79 >+PASS .grid 80 >+PASS .grid 81 >+PASS .grid 82 >+PASS .grid 83 >+PASS .grid 84 >+PASS .grid 85 >+PASS .grid 86 >+PASS .grid 87 >+PASS .grid 88 >+PASS .grid 89 >+PASS .grid 90 >+PASS .grid 91 >+PASS .grid 92 >+PASS .grid 93 >+PASS .grid 94 >+PASS .grid 95 >+PASS .grid 96 >+PASS .grid 97 >+PASS .grid 98 >+PASS .grid 99 >+PASS .grid 100 >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-008.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-008.html >new file mode 100644 >index 0000000000000000000000000000000000000000..3abcd7b903182692ae8514cef5f77b55108df4a3 >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-008.html >@@ -0,0 +1,25 @@ >+<!DOCTYPE html> >+<meta charset="utf-8"> >+<title>CSS Grid Layout Test: Positioned grid descendants</title> >+<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com"> >+<link rel="help" href="https://drafts.csswg.org/css-grid/#abspos" title="9. Absolute Positioning"> >+<meta name="assert" content="Checks that absolutely positioned elements inside grid items are properly placed and sized when they have specific 'left' and 'bottom' offsets."> >+ >+<link rel="stylesheet" href="support/positioned-grid-descendants.css" /> >+ >+<script src="/resources/testharness.js"></script> >+<script src="/resources/testharnessreport.js"></script> >+<script src="/resources/check-layout-th.js"></script> >+ >+<body> >+<div id="log"></div> >+<script type="module"> >+import {runTests} from "./support/positioned-grid-descendants.js"; >+runTests({ >+ left: 25, >+ top: "auto", >+ right: "auto", >+ bottom: 40, >+}); >+</script> >+</body> >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-009-expected.txt b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-009-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..84b3015747fa501327697b6b60f5c2fcc43abb9d >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-009-expected.txt >@@ -0,0 +1,501 @@ >+ >+PASS .grid 1 >+PASS .grid 2 >+PASS .grid 3 >+PASS .grid 4 >+PASS .grid 5 >+PASS .grid 6 >+PASS .grid 7 >+PASS .grid 8 >+PASS .grid 9 >+PASS .grid 10 >+PASS .grid 11 >+PASS .grid 12 >+PASS .grid 13 >+PASS .grid 14 >+PASS .grid 15 >+PASS .grid 16 >+PASS .grid 17 >+PASS .grid 18 >+PASS .grid 19 >+PASS .grid 20 >+PASS .grid 21 >+PASS .grid 22 >+PASS .grid 23 >+PASS .grid 24 >+PASS .grid 25 >+PASS .grid 26 >+PASS .grid 27 >+PASS .grid 28 >+PASS .grid 29 >+PASS .grid 30 >+PASS .grid 31 >+PASS .grid 32 >+PASS .grid 33 >+PASS .grid 34 >+PASS .grid 35 >+PASS .grid 36 >+PASS .grid 37 >+PASS .grid 38 >+PASS .grid 39 >+PASS .grid 40 >+PASS .grid 41 >+PASS .grid 42 >+PASS .grid 43 >+PASS .grid 44 >+PASS .grid 45 >+PASS .grid 46 >+PASS .grid 47 >+PASS .grid 48 >+PASS .grid 49 >+PASS .grid 50 >+PASS .grid 51 >+PASS .grid 52 >+PASS .grid 53 >+PASS .grid 54 >+PASS .grid 55 >+PASS .grid 56 >+PASS .grid 57 >+PASS .grid 58 >+PASS .grid 59 >+PASS .grid 60 >+PASS .grid 61 >+PASS .grid 62 >+PASS .grid 63 >+PASS .grid 64 >+PASS .grid 65 >+PASS .grid 66 >+PASS .grid 67 >+PASS .grid 68 >+PASS .grid 69 >+PASS .grid 70 >+PASS .grid 71 >+PASS .grid 72 >+PASS .grid 73 >+PASS .grid 74 >+PASS .grid 75 >+PASS .grid 76 >+PASS .grid 77 >+PASS .grid 78 >+PASS .grid 79 >+PASS .grid 80 >+PASS .grid 81 >+PASS .grid 82 >+PASS .grid 83 >+PASS .grid 84 >+PASS .grid 85 >+PASS .grid 86 >+PASS .grid 87 >+PASS .grid 88 >+PASS .grid 89 >+PASS .grid 90 >+PASS .grid 91 >+PASS .grid 92 >+PASS .grid 93 >+PASS .grid 94 >+PASS .grid 95 >+PASS .grid 96 >+PASS .grid 97 >+PASS .grid 98 >+PASS .grid 99 >+PASS .grid 100 >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-009.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-009.html >new file mode 100644 >index 0000000000000000000000000000000000000000..09fb58e5adf0f6bb5514dd62ec61adab0b0e6a40 >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-009.html >@@ -0,0 +1,25 @@ >+<!DOCTYPE html> >+<meta charset="utf-8"> >+<title>CSS Grid Layout Test: Positioned grid descendants</title> >+<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com"> >+<link rel="help" href="https://drafts.csswg.org/css-grid/#abspos" title="9. Absolute Positioning"> >+<meta name="assert" content="Checks that absolutely positioned elements inside grid items are properly placed and sized when they have specific 'top' and 'right' offsets."> >+ >+<link rel="stylesheet" href="support/positioned-grid-descendants.css" /> >+ >+<script src="/resources/testharness.js"></script> >+<script src="/resources/testharnessreport.js"></script> >+<script src="/resources/check-layout-th.js"></script> >+ >+<body> >+<div id="log"></div> >+<script type="module"> >+import {runTests} from "./support/positioned-grid-descendants.js"; >+runTests({ >+ left: "auto", >+ top: 30, >+ right: 35, >+ bottom: "auto", >+}); >+</script> >+</body> >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-010-expected.txt b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-010-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..84b3015747fa501327697b6b60f5c2fcc43abb9d >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-010-expected.txt >@@ -0,0 +1,501 @@ >+ >+PASS .grid 1 >+PASS .grid 2 >+PASS .grid 3 >+PASS .grid 4 >+PASS .grid 5 >+PASS .grid 6 >+PASS .grid 7 >+PASS .grid 8 >+PASS .grid 9 >+PASS .grid 10 >+PASS .grid 11 >+PASS .grid 12 >+PASS .grid 13 >+PASS .grid 14 >+PASS .grid 15 >+PASS .grid 16 >+PASS .grid 17 >+PASS .grid 18 >+PASS .grid 19 >+PASS .grid 20 >+PASS .grid 21 >+PASS .grid 22 >+PASS .grid 23 >+PASS .grid 24 >+PASS .grid 25 >+PASS .grid 26 >+PASS .grid 27 >+PASS .grid 28 >+PASS .grid 29 >+PASS .grid 30 >+PASS .grid 31 >+PASS .grid 32 >+PASS .grid 33 >+PASS .grid 34 >+PASS .grid 35 >+PASS .grid 36 >+PASS .grid 37 >+PASS .grid 38 >+PASS .grid 39 >+PASS .grid 40 >+PASS .grid 41 >+PASS .grid 42 >+PASS .grid 43 >+PASS .grid 44 >+PASS .grid 45 >+PASS .grid 46 >+PASS .grid 47 >+PASS .grid 48 >+PASS .grid 49 >+PASS .grid 50 >+PASS .grid 51 >+PASS .grid 52 >+PASS .grid 53 >+PASS .grid 54 >+PASS .grid 55 >+PASS .grid 56 >+PASS .grid 57 >+PASS .grid 58 >+PASS .grid 59 >+PASS .grid 60 >+PASS .grid 61 >+PASS .grid 62 >+PASS .grid 63 >+PASS .grid 64 >+PASS .grid 65 >+PASS .grid 66 >+PASS .grid 67 >+PASS .grid 68 >+PASS .grid 69 >+PASS .grid 70 >+PASS .grid 71 >+PASS .grid 72 >+PASS .grid 73 >+PASS .grid 74 >+PASS .grid 75 >+PASS .grid 76 >+PASS .grid 77 >+PASS .grid 78 >+PASS .grid 79 >+PASS .grid 80 >+PASS .grid 81 >+PASS .grid 82 >+PASS .grid 83 >+PASS .grid 84 >+PASS .grid 85 >+PASS .grid 86 >+PASS .grid 87 >+PASS .grid 88 >+PASS .grid 89 >+PASS .grid 90 >+PASS .grid 91 >+PASS .grid 92 >+PASS .grid 93 >+PASS .grid 94 >+PASS .grid 95 >+PASS .grid 96 >+PASS .grid 97 >+PASS .grid 98 >+PASS .grid 99 >+PASS .grid 100 >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-010.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-010.html >new file mode 100644 >index 0000000000000000000000000000000000000000..04cd3e998566c5df4388f54d623306a9ab2a7634 >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-010.html >@@ -0,0 +1,25 @@ >+<!DOCTYPE html> >+<meta charset="utf-8"> >+<title>CSS Grid Layout Test: Positioned grid descendants</title> >+<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com"> >+<link rel="help" href="https://drafts.csswg.org/css-grid/#abspos" title="9. Absolute Positioning"> >+<meta name="assert" content="Checks that absolutely positioned elements inside grid items are properly placed and sized when they have specific 'top' and 'bottom' offsets and a static inline position (left/right are 'auto')."> >+ >+<link rel="stylesheet" href="support/positioned-grid-descendants.css" /> >+ >+<script src="/resources/testharness.js"></script> >+<script src="/resources/testharnessreport.js"></script> >+<script src="/resources/check-layout-th.js"></script> >+ >+<body> >+<div id="log"></div> >+<script type="module"> >+import {runTests} from "./support/positioned-grid-descendants.js"; >+runTests({ >+ left: "auto", >+ top: 30, >+ right: "auto", >+ bottom: 40, >+}); >+</script> >+</body> >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-011-expected.txt b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-011-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..84b3015747fa501327697b6b60f5c2fcc43abb9d >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-011-expected.txt >@@ -0,0 +1,501 @@ >+ >+PASS .grid 1 >+PASS .grid 2 >+PASS .grid 3 >+PASS .grid 4 >+PASS .grid 5 >+PASS .grid 6 >+PASS .grid 7 >+PASS .grid 8 >+PASS .grid 9 >+PASS .grid 10 >+PASS .grid 11 >+PASS .grid 12 >+PASS .grid 13 >+PASS .grid 14 >+PASS .grid 15 >+PASS .grid 16 >+PASS .grid 17 >+PASS .grid 18 >+PASS .grid 19 >+PASS .grid 20 >+PASS .grid 21 >+PASS .grid 22 >+PASS .grid 23 >+PASS .grid 24 >+PASS .grid 25 >+PASS .grid 26 >+PASS .grid 27 >+PASS .grid 28 >+PASS .grid 29 >+PASS .grid 30 >+PASS .grid 31 >+PASS .grid 32 >+PASS .grid 33 >+PASS .grid 34 >+PASS .grid 35 >+PASS .grid 36 >+PASS .grid 37 >+PASS .grid 38 >+PASS .grid 39 >+PASS .grid 40 >+PASS .grid 41 >+PASS .grid 42 >+PASS .grid 43 >+PASS .grid 44 >+PASS .grid 45 >+PASS .grid 46 >+PASS .grid 47 >+PASS .grid 48 >+PASS .grid 49 >+PASS .grid 50 >+PASS .grid 51 >+PASS .grid 52 >+PASS .grid 53 >+PASS .grid 54 >+PASS .grid 55 >+PASS .grid 56 >+PASS .grid 57 >+PASS .grid 58 >+PASS .grid 59 >+PASS .grid 60 >+PASS .grid 61 >+PASS .grid 62 >+PASS .grid 63 >+PASS .grid 64 >+PASS .grid 65 >+PASS .grid 66 >+PASS .grid 67 >+PASS .grid 68 >+PASS .grid 69 >+PASS .grid 70 >+PASS .grid 71 >+PASS .grid 72 >+PASS .grid 73 >+PASS .grid 74 >+PASS .grid 75 >+PASS .grid 76 >+PASS .grid 77 >+PASS .grid 78 >+PASS .grid 79 >+PASS .grid 80 >+PASS .grid 81 >+PASS .grid 82 >+PASS .grid 83 >+PASS .grid 84 >+PASS .grid 85 >+PASS .grid 86 >+PASS .grid 87 >+PASS .grid 88 >+PASS .grid 89 >+PASS .grid 90 >+PASS .grid 91 >+PASS .grid 92 >+PASS .grid 93 >+PASS .grid 94 >+PASS .grid 95 >+PASS .grid 96 >+PASS .grid 97 >+PASS .grid 98 >+PASS .grid 99 >+PASS .grid 100 >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-011.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-011.html >new file mode 100644 >index 0000000000000000000000000000000000000000..e7274e55d6e2235e0510b7bde5e50a48932041c8 >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-011.html >@@ -0,0 +1,25 @@ >+<!DOCTYPE html> >+<meta charset="utf-8"> >+<title>CSS Grid Layout Test: Positioned grid descendants</title> >+<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com"> >+<link rel="help" href="https://drafts.csswg.org/css-grid/#abspos" title="9. Absolute Positioning"> >+<meta name="assert" content="Checks that absolutely positioned elements inside grid items are properly placed and sized when they have specific 'right' and 'bottom' offsets."> >+ >+<link rel="stylesheet" href="support/positioned-grid-descendants.css" /> >+ >+<script src="/resources/testharness.js"></script> >+<script src="/resources/testharnessreport.js"></script> >+<script src="/resources/check-layout-th.js"></script> >+ >+<body> >+<div id="log"></div> >+<script type="module"> >+import {runTests} from "./support/positioned-grid-descendants.js"; >+runTests({ >+ left: "auto", >+ top: "auto", >+ right: 35, >+ bottom: 40, >+}); >+</script> >+</body> >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-012-expected.txt b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-012-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..121eaa7b549525b2c0daf80edfd15e4315e855f1 >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-012-expected.txt >@@ -0,0 +1,521 @@ >+ >+PASS .grid 1 >+PASS .grid 2 >+PASS .grid 3 >+PASS .grid 4 >+PASS .grid 5 >+PASS .grid 6 >+PASS .grid 7 >+PASS .grid 8 >+PASS .grid 9 >+PASS .grid 10 >+PASS .grid 11 >+PASS .grid 12 >+PASS .grid 13 >+PASS .grid 14 >+PASS .grid 15 >+PASS .grid 16 >+PASS .grid 17 >+PASS .grid 18 >+PASS .grid 19 >+PASS .grid 20 >+PASS .grid 21 >+PASS .grid 22 >+PASS .grid 23 >+PASS .grid 24 >+PASS .grid 25 >+PASS .grid 26 >+PASS .grid 27 >+PASS .grid 28 >+PASS .grid 29 >+PASS .grid 30 >+PASS .grid 31 >+PASS .grid 32 >+PASS .grid 33 >+PASS .grid 34 >+PASS .grid 35 >+PASS .grid 36 >+PASS .grid 37 >+PASS .grid 38 >+PASS .grid 39 >+PASS .grid 40 >+PASS .grid 41 >+PASS .grid 42 >+PASS .grid 43 >+PASS .grid 44 >+PASS .grid 45 >+PASS .grid 46 >+PASS .grid 47 >+PASS .grid 48 >+PASS .grid 49 >+PASS .grid 50 >+PASS .grid 51 >+PASS .grid 52 >+PASS .grid 53 >+PASS .grid 54 >+PASS .grid 55 >+PASS .grid 56 >+PASS .grid 57 >+PASS .grid 58 >+PASS .grid 59 >+PASS .grid 60 >+PASS .grid 61 >+PASS .grid 62 >+PASS .grid 63 >+PASS .grid 64 >+PASS .grid 65 >+PASS .grid 66 >+PASS .grid 67 >+PASS .grid 68 >+PASS .grid 69 >+PASS .grid 70 >+PASS .grid 71 >+PASS .grid 72 >+PASS .grid 73 >+PASS .grid 74 >+PASS .grid 75 >+PASS .grid 76 >+PASS .grid 77 >+PASS .grid 78 >+PASS .grid 79 >+PASS .grid 80 >+PASS .grid 81 >+PASS .grid 82 >+PASS .grid 83 >+PASS .grid 84 >+PASS .grid 85 >+PASS .grid 86 >+PASS .grid 87 >+PASS .grid 88 >+PASS .grid 89 >+PASS .grid 90 >+FAIL .grid 91 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="300" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 3; grid-row-end: auto; left: 25px; top: 30px; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="300" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 3; grid-row-end: auto; left: 25px; top: 30px; right: 35px; bottom: auto;">XX</div></div></div> >+width expected 0 but got -55 >+FAIL .grid 92 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="200" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 2; grid-row-end: auto; left: 25px; top: 30px; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="200" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 2; grid-row-end: auto; left: 25px; top: 30px; right: 35px; bottom: auto;">XX</div></div></div> >+width expected 0 but got -55 >+FAIL .grid 93 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="200" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 2; grid-row-end: 3; left: 25px; top: 30px; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="200" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 2; grid-row-end: 3; left: 25px; top: 30px; right: 35px; bottom: auto;">XX</div></div></div> >+width expected 0 but got -55 >+FAIL .grid 94 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="50" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: auto; left: 25px; top: 30px; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="50" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: auto; left: 25px; top: 30px; right: 35px; bottom: auto;">XX</div></div></div> >+width expected 0 but got -55 >+FAIL .grid 95 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="50" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: 3; left: 25px; top: 30px; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="50" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: 3; left: 25px; top: 30px; right: 35px; bottom: auto;">XX</div></div></div> >+width expected 0 but got -55 >+FAIL .grid 96 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="50" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: 2; left: 25px; top: 30px; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="50" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: 2; left: 25px; top: 30px; right: 35px; bottom: auto;">XX</div></div></div> >+width expected 0 but got -55 >+FAIL .grid 97 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: auto; left: 25px; top: 30px; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: auto; left: 25px; top: 30px; right: 35px; bottom: auto;">XX</div></div></div> >+width expected 0 but got -55 >+FAIL .grid 98 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 3; left: 25px; top: 30px; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 3; left: 25px; top: 30px; right: 35px; bottom: auto;">XX</div></div></div> >+width expected 0 but got -55 >+FAIL .grid 99 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 2; left: 25px; top: 30px; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 2; left: 25px; top: 30px; right: 35px; bottom: auto;">XX</div></div></div> >+width expected 0 but got -55 >+FAIL .grid 100 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 1; left: 25px; top: 30px; right: 35px; bottom: auto;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 1; left: 25px; top: 30px; right: 35px; bottom: auto;">XX</div></div></div> >+width expected 0 but got -55 >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-012.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-012.html >new file mode 100644 >index 0000000000000000000000000000000000000000..45e6a1248456bde90d1434f47434c1c009a28988 >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-012.html >@@ -0,0 +1,25 @@ >+<!DOCTYPE html> >+<meta charset="utf-8"> >+<title>CSS Grid Layout Test: Positioned grid descendants</title> >+<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com"> >+<link rel="help" href="https://drafts.csswg.org/css-grid/#abspos" title="9. Absolute Positioning"> >+<meta name="assert" content="Checks that absolutely positioned elements inside grid items are properly placed and sized when they have specific 'left', 'top' and 'right' offsets."> >+ >+<link rel="stylesheet" href="support/positioned-grid-descendants.css" /> >+ >+<script src="/resources/testharness.js"></script> >+<script src="/resources/testharnessreport.js"></script> >+<script src="/resources/check-layout-th.js"></script> >+ >+<body> >+<div id="log"></div> >+<script type="module"> >+import {runTests} from "./support/positioned-grid-descendants.js"; >+runTests({ >+ left: 25, >+ top: 30, >+ right: 35, >+ bottom: "auto", >+}); >+</script> >+</body> >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-013-expected.txt b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-013-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..84b3015747fa501327697b6b60f5c2fcc43abb9d >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-013-expected.txt >@@ -0,0 +1,501 @@ >+ >+PASS .grid 1 >+PASS .grid 2 >+PASS .grid 3 >+PASS .grid 4 >+PASS .grid 5 >+PASS .grid 6 >+PASS .grid 7 >+PASS .grid 8 >+PASS .grid 9 >+PASS .grid 10 >+PASS .grid 11 >+PASS .grid 12 >+PASS .grid 13 >+PASS .grid 14 >+PASS .grid 15 >+PASS .grid 16 >+PASS .grid 17 >+PASS .grid 18 >+PASS .grid 19 >+PASS .grid 20 >+PASS .grid 21 >+PASS .grid 22 >+PASS .grid 23 >+PASS .grid 24 >+PASS .grid 25 >+PASS .grid 26 >+PASS .grid 27 >+PASS .grid 28 >+PASS .grid 29 >+PASS .grid 30 >+PASS .grid 31 >+PASS .grid 32 >+PASS .grid 33 >+PASS .grid 34 >+PASS .grid 35 >+PASS .grid 36 >+PASS .grid 37 >+PASS .grid 38 >+PASS .grid 39 >+PASS .grid 40 >+PASS .grid 41 >+PASS .grid 42 >+PASS .grid 43 >+PASS .grid 44 >+PASS .grid 45 >+PASS .grid 46 >+PASS .grid 47 >+PASS .grid 48 >+PASS .grid 49 >+PASS .grid 50 >+PASS .grid 51 >+PASS .grid 52 >+PASS .grid 53 >+PASS .grid 54 >+PASS .grid 55 >+PASS .grid 56 >+PASS .grid 57 >+PASS .grid 58 >+PASS .grid 59 >+PASS .grid 60 >+PASS .grid 61 >+PASS .grid 62 >+PASS .grid 63 >+PASS .grid 64 >+PASS .grid 65 >+PASS .grid 66 >+PASS .grid 67 >+PASS .grid 68 >+PASS .grid 69 >+PASS .grid 70 >+PASS .grid 71 >+PASS .grid 72 >+PASS .grid 73 >+PASS .grid 74 >+PASS .grid 75 >+PASS .grid 76 >+PASS .grid 77 >+PASS .grid 78 >+PASS .grid 79 >+PASS .grid 80 >+PASS .grid 81 >+PASS .grid 82 >+PASS .grid 83 >+PASS .grid 84 >+PASS .grid 85 >+PASS .grid 86 >+PASS .grid 87 >+PASS .grid 88 >+PASS .grid 89 >+PASS .grid 90 >+PASS .grid 91 >+PASS .grid 92 >+PASS .grid 93 >+PASS .grid 94 >+PASS .grid 95 >+PASS .grid 96 >+PASS .grid 97 >+PASS .grid 98 >+PASS .grid 99 >+PASS .grid 100 >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-013.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-013.html >new file mode 100644 >index 0000000000000000000000000000000000000000..29e83c3305987ea860c944426637df0797a91d65 >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-013.html >@@ -0,0 +1,25 @@ >+<!DOCTYPE html> >+<meta charset="utf-8"> >+<title>CSS Grid Layout Test: Positioned grid descendants</title> >+<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com"> >+<link rel="help" href="https://drafts.csswg.org/css-grid/#abspos" title="9. Absolute Positioning"> >+<meta name="assert" content="Checks that absolutely positioned elements inside grid items are properly placed and sized when they have specific 'left', 'top' and 'bottom' offsets."> >+ >+<link rel="stylesheet" href="support/positioned-grid-descendants.css" /> >+ >+<script src="/resources/testharness.js"></script> >+<script src="/resources/testharnessreport.js"></script> >+<script src="/resources/check-layout-th.js"></script> >+ >+<body> >+<div id="log"></div> >+<script type="module"> >+import {runTests} from "./support/positioned-grid-descendants.js"; >+runTests({ >+ left: 25, >+ top: 30, >+ right: "auto", >+ bottom: 40, >+}); >+</script> >+</body> >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-014-expected.txt b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-014-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..8450c8d75d17ec68ccf6b7b23588aeb0232a2386 >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-014-expected.txt >@@ -0,0 +1,521 @@ >+ >+PASS .grid 1 >+PASS .grid 2 >+PASS .grid 3 >+PASS .grid 4 >+PASS .grid 5 >+PASS .grid 6 >+PASS .grid 7 >+PASS .grid 8 >+PASS .grid 9 >+PASS .grid 10 >+PASS .grid 11 >+PASS .grid 12 >+PASS .grid 13 >+PASS .grid 14 >+PASS .grid 15 >+PASS .grid 16 >+PASS .grid 17 >+PASS .grid 18 >+PASS .grid 19 >+PASS .grid 20 >+PASS .grid 21 >+PASS .grid 22 >+PASS .grid 23 >+PASS .grid 24 >+PASS .grid 25 >+PASS .grid 26 >+PASS .grid 27 >+PASS .grid 28 >+PASS .grid 29 >+PASS .grid 30 >+PASS .grid 31 >+PASS .grid 32 >+PASS .grid 33 >+PASS .grid 34 >+PASS .grid 35 >+PASS .grid 36 >+PASS .grid 37 >+PASS .grid 38 >+PASS .grid 39 >+PASS .grid 40 >+PASS .grid 41 >+PASS .grid 42 >+PASS .grid 43 >+PASS .grid 44 >+PASS .grid 45 >+PASS .grid 46 >+PASS .grid 47 >+PASS .grid 48 >+PASS .grid 49 >+PASS .grid 50 >+PASS .grid 51 >+PASS .grid 52 >+PASS .grid 53 >+PASS .grid 54 >+PASS .grid 55 >+PASS .grid 56 >+PASS .grid 57 >+PASS .grid 58 >+PASS .grid 59 >+PASS .grid 60 >+PASS .grid 61 >+PASS .grid 62 >+PASS .grid 63 >+PASS .grid 64 >+PASS .grid 65 >+PASS .grid 66 >+PASS .grid 67 >+PASS .grid 68 >+PASS .grid 69 >+PASS .grid 70 >+PASS .grid 71 >+PASS .grid 72 >+PASS .grid 73 >+PASS .grid 74 >+PASS .grid 75 >+PASS .grid 76 >+PASS .grid 77 >+PASS .grid 78 >+PASS .grid 79 >+PASS .grid 80 >+PASS .grid 81 >+PASS .grid 82 >+PASS .grid 83 >+PASS .grid 84 >+PASS .grid 85 >+PASS .grid 86 >+PASS .grid 87 >+PASS .grid 88 >+PASS .grid 89 >+PASS .grid 90 >+FAIL .grid 91 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="365" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 3; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="365" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 3; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: 40px;">XX</div></div></div> >+width expected 0 but got -55 >+FAIL .grid 92 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="365" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 2; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="365" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 2; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: 40px;">XX</div></div></div> >+width expected 0 but got -55 >+FAIL .grid 93 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="205" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 2; grid-row-end: 3; left: 25px; top: auto; right: 35px; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="205" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 2; grid-row-end: 3; left: 25px; top: auto; right: 35px; bottom: 40px;">XX</div></div></div> >+width expected 0 but got -55 >+FAIL .grid 94 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="365" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="365" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: 40px;">XX</div></div></div> >+width expected 0 but got -55 >+FAIL .grid 95 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="205" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: 3; left: 25px; top: auto; right: 35px; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="205" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: 3; left: 25px; top: auto; right: 35px; bottom: 40px;">XX</div></div></div> >+width expected 0 but got -55 >+FAIL .grid 96 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="105" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: 2; left: 25px; top: auto; right: 35px; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="105" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: 2; left: 25px; top: auto; right: 35px; bottom: 40px;">XX</div></div></div> >+width expected 0 but got -55 >+FAIL .grid 97 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="365" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="365" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: auto; left: 25px; top: auto; right: 35px; bottom: 40px;">XX</div></div></div> >+width expected 0 but got -55 >+FAIL .grid 98 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="205" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 3; left: 25px; top: auto; right: 35px; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="205" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 3; left: 25px; top: auto; right: 35px; bottom: 40px;">XX</div></div></div> >+width expected 0 but got -55 >+FAIL .grid 99 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="105" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 2; left: 25px; top: auto; right: 35px; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="105" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 2; left: 25px; top: auto; right: 35px; bottom: 40px;">XX</div></div></div> >+width expected 0 but got -55 >+FAIL .grid 100 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="-45" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 1; left: 25px; top: auto; right: 35px; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="25" data-offset-x="25" data-offset-y="-45" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 1; left: 25px; top: auto; right: 35px; bottom: 40px;">XX</div></div></div> >+width expected 0 but got -55 >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-014.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-014.html >new file mode 100644 >index 0000000000000000000000000000000000000000..567b3092d5b5f1bbfc266c6f8ef316c6e0f4bd17 >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-014.html >@@ -0,0 +1,25 @@ >+<!DOCTYPE html> >+<meta charset="utf-8"> >+<title>CSS Grid Layout Test: Positioned grid descendants</title> >+<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com"> >+<link rel="help" href="https://drafts.csswg.org/css-grid/#abspos" title="9. Absolute Positioning"> >+<meta name="assert" content="Checks that absolutely positioned elements inside grid items are properly placed and sized when they have specific 'left', 'right' and 'bottom' offsets."> >+ >+<link rel="stylesheet" href="support/positioned-grid-descendants.css" /> >+ >+<script src="/resources/testharness.js"></script> >+<script src="/resources/testharnessreport.js"></script> >+<script src="/resources/check-layout-th.js"></script> >+ >+<body> >+<div id="log"></div> >+<script type="module"> >+import {runTests} from "./support/positioned-grid-descendants.js"; >+runTests({ >+ left: 25, >+ top: "auto", >+ right: 35, >+ bottom: 40, >+}); >+</script> >+</body> >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-015-expected.txt b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-015-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..84b3015747fa501327697b6b60f5c2fcc43abb9d >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-015-expected.txt >@@ -0,0 +1,501 @@ >+ >+PASS .grid 1 >+PASS .grid 2 >+PASS .grid 3 >+PASS .grid 4 >+PASS .grid 5 >+PASS .grid 6 >+PASS .grid 7 >+PASS .grid 8 >+PASS .grid 9 >+PASS .grid 10 >+PASS .grid 11 >+PASS .grid 12 >+PASS .grid 13 >+PASS .grid 14 >+PASS .grid 15 >+PASS .grid 16 >+PASS .grid 17 >+PASS .grid 18 >+PASS .grid 19 >+PASS .grid 20 >+PASS .grid 21 >+PASS .grid 22 >+PASS .grid 23 >+PASS .grid 24 >+PASS .grid 25 >+PASS .grid 26 >+PASS .grid 27 >+PASS .grid 28 >+PASS .grid 29 >+PASS .grid 30 >+PASS .grid 31 >+PASS .grid 32 >+PASS .grid 33 >+PASS .grid 34 >+PASS .grid 35 >+PASS .grid 36 >+PASS .grid 37 >+PASS .grid 38 >+PASS .grid 39 >+PASS .grid 40 >+PASS .grid 41 >+PASS .grid 42 >+PASS .grid 43 >+PASS .grid 44 >+PASS .grid 45 >+PASS .grid 46 >+PASS .grid 47 >+PASS .grid 48 >+PASS .grid 49 >+PASS .grid 50 >+PASS .grid 51 >+PASS .grid 52 >+PASS .grid 53 >+PASS .grid 54 >+PASS .grid 55 >+PASS .grid 56 >+PASS .grid 57 >+PASS .grid 58 >+PASS .grid 59 >+PASS .grid 60 >+PASS .grid 61 >+PASS .grid 62 >+PASS .grid 63 >+PASS .grid 64 >+PASS .grid 65 >+PASS .grid 66 >+PASS .grid 67 >+PASS .grid 68 >+PASS .grid 69 >+PASS .grid 70 >+PASS .grid 71 >+PASS .grid 72 >+PASS .grid 73 >+PASS .grid 74 >+PASS .grid 75 >+PASS .grid 76 >+PASS .grid 77 >+PASS .grid 78 >+PASS .grid 79 >+PASS .grid 80 >+PASS .grid 81 >+PASS .grid 82 >+PASS .grid 83 >+PASS .grid 84 >+PASS .grid 85 >+PASS .grid 86 >+PASS .grid 87 >+PASS .grid 88 >+PASS .grid 89 >+PASS .grid 90 >+PASS .grid 91 >+PASS .grid 92 >+PASS .grid 93 >+PASS .grid 94 >+PASS .grid 95 >+PASS .grid 96 >+PASS .grid 97 >+PASS .grid 98 >+PASS .grid 99 >+PASS .grid 100 >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-015.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-015.html >new file mode 100644 >index 0000000000000000000000000000000000000000..c3c5d411a1dabe4b693a6bfeedd02f8209f714a0 >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-015.html >@@ -0,0 +1,25 @@ >+<!DOCTYPE html> >+<meta charset="utf-8"> >+<title>CSS Grid Layout Test: Positioned grid descendants</title> >+<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com"> >+<link rel="help" href="https://drafts.csswg.org/css-grid/#abspos" title="9. Absolute Positioning"> >+<meta name="assert" content="Checks that absolutely positioned elements inside grid items are properly placed and sized when they have specific 'top', 'right' and 'bottom' offsets."> >+ >+<link rel="stylesheet" href="support/positioned-grid-descendants.css" /> >+ >+<script src="/resources/testharness.js"></script> >+<script src="/resources/testharnessreport.js"></script> >+<script src="/resources/check-layout-th.js"></script> >+ >+<body> >+<div id="log"></div> >+<script type="module"> >+import {runTests} from "./support/positioned-grid-descendants.js"; >+runTests({ >+ left: "auto", >+ top: 30, >+ right: 35, >+ bottom: 40, >+}); >+</script> >+</body> >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-016-expected.txt b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-016-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..c41492ba2ec85feba7052f606aa2d91091d6f42b >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-016-expected.txt >@@ -0,0 +1,521 @@ >+ >+PASS .grid 1 >+PASS .grid 2 >+PASS .grid 3 >+PASS .grid 4 >+PASS .grid 5 >+PASS .grid 6 >+PASS .grid 7 >+PASS .grid 8 >+PASS .grid 9 >+PASS .grid 10 >+PASS .grid 11 >+PASS .grid 12 >+PASS .grid 13 >+PASS .grid 14 >+PASS .grid 15 >+PASS .grid 16 >+PASS .grid 17 >+PASS .grid 18 >+PASS .grid 19 >+PASS .grid 20 >+PASS .grid 21 >+PASS .grid 22 >+PASS .grid 23 >+PASS .grid 24 >+PASS .grid 25 >+PASS .grid 26 >+PASS .grid 27 >+PASS .grid 28 >+PASS .grid 29 >+PASS .grid 30 >+PASS .grid 31 >+PASS .grid 32 >+PASS .grid 33 >+PASS .grid 34 >+PASS .grid 35 >+PASS .grid 36 >+PASS .grid 37 >+PASS .grid 38 >+PASS .grid 39 >+PASS .grid 40 >+PASS .grid 41 >+PASS .grid 42 >+PASS .grid 43 >+PASS .grid 44 >+PASS .grid 45 >+PASS .grid 46 >+PASS .grid 47 >+PASS .grid 48 >+PASS .grid 49 >+PASS .grid 50 >+PASS .grid 51 >+PASS .grid 52 >+PASS .grid 53 >+PASS .grid 54 >+PASS .grid 55 >+PASS .grid 56 >+PASS .grid 57 >+PASS .grid 58 >+PASS .grid 59 >+PASS .grid 60 >+PASS .grid 61 >+PASS .grid 62 >+PASS .grid 63 >+PASS .grid 64 >+PASS .grid 65 >+PASS .grid 66 >+PASS .grid 67 >+PASS .grid 68 >+PASS .grid 69 >+PASS .grid 70 >+PASS .grid 71 >+PASS .grid 72 >+PASS .grid 73 >+PASS .grid 74 >+PASS .grid 75 >+PASS .grid 76 >+PASS .grid 77 >+PASS .grid 78 >+PASS .grid 79 >+PASS .grid 80 >+PASS .grid 81 >+PASS .grid 82 >+PASS .grid 83 >+PASS .grid 84 >+PASS .grid 85 >+PASS .grid 86 >+PASS .grid 87 >+PASS .grid 88 >+PASS .grid 89 >+PASS .grid 90 >+FAIL .grid 91 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="90" data-offset-x="25" data-offset-y="300" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 3; grid-row-end: auto; left: 25px; top: 30px; right: 35px; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="90" data-offset-x="25" data-offset-y="300" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 3; grid-row-end: auto; left: 25px; top: 30px; right: 35px; bottom: 40px;">XX</div></div></div> >+width expected 0 but got -55 >+FAIL .grid 92 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="190" data-offset-x="25" data-offset-y="200" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 2; grid-row-end: auto; left: 25px; top: 30px; right: 35px; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="190" data-offset-x="25" data-offset-y="200" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 2; grid-row-end: auto; left: 25px; top: 30px; right: 35px; bottom: 40px;">XX</div></div></div> >+width expected 0 but got -55 >+FAIL .grid 93 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="30" data-offset-x="25" data-offset-y="200" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 2; grid-row-end: 3; left: 25px; top: 30px; right: 35px; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="30" data-offset-x="25" data-offset-y="200" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 2; grid-row-end: 3; left: 25px; top: 30px; right: 35px; bottom: 40px;">XX</div></div></div> >+width expected 0 but got -55 >+FAIL .grid 94 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="340" data-offset-x="25" data-offset-y="50" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: auto; left: 25px; top: 30px; right: 35px; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="340" data-offset-x="25" data-offset-y="50" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: auto; left: 25px; top: 30px; right: 35px; bottom: 40px;">XX</div></div></div> >+width expected 0 but got -55 >+FAIL .grid 95 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="180" data-offset-x="25" data-offset-y="50" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: 3; left: 25px; top: 30px; right: 35px; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="180" data-offset-x="25" data-offset-y="50" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: 3; left: 25px; top: 30px; right: 35px; bottom: 40px;">XX</div></div></div> >+width expected 0 but got -55 >+FAIL .grid 96 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="80" data-offset-x="25" data-offset-y="50" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: 2; left: 25px; top: 30px; right: 35px; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="80" data-offset-x="25" data-offset-y="50" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: 1; grid-row-end: 2; left: 25px; top: 30px; right: 35px; bottom: 40px;">XX</div></div></div> >+width expected 0 but got -55 >+FAIL .grid 97 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="360" data-offset-x="25" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: auto; left: 25px; top: 30px; right: 35px; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="360" data-offset-x="25" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: auto; left: 25px; top: 30px; right: 35px; bottom: 40px;">XX</div></div></div> >+width expected 0 but got -55 >+FAIL .grid 98 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="200" data-offset-x="25" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 3; left: 25px; top: 30px; right: 35px; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="200" data-offset-x="25" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 3; left: 25px; top: 30px; right: 35px; bottom: 40px;">XX</div></div></div> >+width expected 0 but got -55 >+FAIL .grid 99 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="100" data-offset-x="25" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 2; left: 25px; top: 30px; right: 35px; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="100" data-offset-x="25" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 2; left: 25px; top: 30px; right: 35px; bottom: 40px;">XX</div></div></div> >+width expected 0 but got -55 >+FAIL .grid 100 assert_equals: >+<div class="grid"><div style="grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="0" data-offset-x="25" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 1; left: 25px; top: 30px; right: 35px; bottom: 40px;">XX</div></div><div style="grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto;">X<br>XX<div class="abspos" data-expected-width="0" data-expected-height="0" data-offset-x="25" data-offset-y="30" style="grid-column-start: auto; grid-column-end: 1; grid-row-start: auto; grid-row-end: 1; left: 25px; top: 30px; right: 35px; bottom: 40px;">XX</div></div></div> >+width expected 0 but got -55 >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >+X >+XXXX >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-016.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-016.html >new file mode 100644 >index 0000000000000000000000000000000000000000..dfa34eb9c39b6e5f735379760430b23e83155efd >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-016.html >@@ -0,0 +1,25 @@ >+<!DOCTYPE html> >+<meta charset="utf-8"> >+<title>CSS Grid Layout Test: Positioned grid descendants</title> >+<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com"> >+<link rel="help" href="https://drafts.csswg.org/css-grid/#abspos" title="9. Absolute Positioning"> >+<meta name="assert" content="Checks that absolutely positioned elements inside grid items are properly placed and sized when they have specific 'left, 'top', 'right' and 'bottom' offsets."> >+ >+<link rel="stylesheet" href="support/positioned-grid-descendants.css" /> >+ >+<script src="/resources/testharness.js"></script> >+<script src="/resources/testharnessreport.js"></script> >+<script src="/resources/check-layout-th.js"></script> >+ >+<body> >+<div id="log"></div> >+<script type="module"> >+import {runTests} from "./support/positioned-grid-descendants.js"; >+runTests({ >+ left: 25, >+ top: 30, >+ right: 35, >+ bottom: 40, >+}); >+</script> >+</body> >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/support/positioned-grid-descendants.css b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/support/positioned-grid-descendants.css >new file mode 100644 >index 0000000000000000000000000000000000000000..9fa29a25ae35b9b8a29d0c14032e457d513dea3a >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/support/positioned-grid-descendants.css >@@ -0,0 +1,25 @@ >+.grid { >+ display: grid; >+ grid: 150px 100px / 200px 300px; >+ margin: 1px 2px 3px 4px; >+ padding: 20px 15px 10px 5px; >+ border-width: 9px 3px 12px 6px; >+ border-style: solid; >+ width: 550px; >+ height: 400px; >+ position: relative; >+ font: 25px/1 Ahem; >+} >+.abspos { >+ position: absolute; >+ display: inline; >+} >+.orthogonal { >+ writing-mode: vertical-lr; >+} >+.grid > :nth-child(1) > .abspos { >+ color: cyan; >+} >+.grid > :nth-child(2) > .abspos { >+ color: yellow; >+} >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/support/positioned-grid-descendants.js b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/support/positioned-grid-descendants.js >new file mode 100644 >index 0000000000000000000000000000000000000000..d8fc60be55504d4206c18123ef8711fabf8be016 >--- /dev/null >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/support/positioned-grid-descendants.js >@@ -0,0 +1,70 @@ >+// Track sizes, including preceding padding and following remaining space >+const colSizes = [5, 200, 300, 65]; >+const rowSizes = [20, 150, 100, 160]; >+ >+// Calculate track positions >+const colOffsets = [0]; >+const rowOffsets = [0]; >+for (const size of colSizes) >+ colOffsets.push(size + colOffsets[colOffsets.length - 1]); >+for (const size of rowSizes) >+ rowOffsets.push(size + rowOffsets[rowOffsets.length - 1]); >+ >+export function runTests({left, top, right, bottom, orthogonal = false}) { >+ // Iterate all pairs of grid lines, where 0 and 4 represent "auto". >+ for (let colStart = 0; colStart < 4; ++colStart) >+ for (let colEnd = colStart + 1; colEnd <= 4; ++colEnd) >+ for (let rowStart = 0; rowStart < 4; ++rowStart) >+ for (let rowEnd = rowStart + 1; rowEnd <= 4; ++rowEnd) >+ { >+ // Create a 2x2 grid with two grid items, each one containing an abspos. >+ const grid = document.createElement("div"); >+ grid.className = "grid"; >+ for (let i = 1; i <= 2; ++i) { >+ // Create a grid item with some content before the abspos, so that the static >+ // position is shifted 50px to the right and 25px to the bottom. >+ const gridItem = document.createElement("div"); >+ gridItem.style.gridArea = `${i} / ${i}`; >+ grid.appendChild(gridItem); >+ gridItem.innerHTML = "X<br />XX"; >+ >+ // Create an abspos with content of 50px inline size, 25px block size. >+ const absPos = document.createElement("div"); >+ gridItem.appendChild(absPos); >+ absPos.className = "abspos"; >+ absPos.textContent = "XX"; >+ if (orthogonal) absPos.classList.add("orthogonal"); >+ >+ // Let the containing block be the grid area, and set offsets. >+ Object.assign(absPos.style, { >+ gridColumnStart: colStart || "auto", >+ gridColumnEnd: colEnd % 4 || "auto", >+ gridRowStart: rowStart || "auto", >+ gridRowEnd: rowEnd % 4 || "auto", >+ left: left == "auto" ? left : left + "px", >+ top: top == "auto" ? top : top + "px", >+ right: right == "auto" ? right : right + "px", >+ bottom: bottom == "auto" ? bottom : bottom + "px", >+ }); >+ >+ // Calculate expected position and size. >+ const expectedWidth = >+ left == "auto" || right == "auto" ? 25 * (orthogonal ? 1 : 2) : >+ Math.max(0, colOffsets[colEnd] - colOffsets[colStart] - left - right); >+ const expectedHeight = >+ top == "auto" || bottom == "auto" ? 25 * (orthogonal ? 2 : 1) : >+ Math.max(0, rowOffsets[rowEnd] - rowOffsets[rowStart] - top - bottom); >+ const offsetX = >+ left != "auto" ? colOffsets[colStart] + left : >+ right != "auto" ? colOffsets[colEnd] - right - expectedWidth : >+ colOffsets[i] + 25*2; >+ const offsetY = >+ top != "auto" ? rowOffsets[rowStart] + top : >+ bottom != "auto" ? rowOffsets[rowEnd] - bottom - expectedHeight : >+ rowOffsets[i] + 25; >+ Object.assign(absPos.dataset, {expectedWidth, expectedHeight, offsetX, offsetY}); >+ } >+ document.body.appendChild(grid); >+ } >+ checkLayout(".grid"); >+} >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/support/w3c-import.log b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/support/w3c-import.log >index 355bcabcd43f1920b71b52ab119d8d6c27f35d9d..37c96d0c914571b757d9ead7607200c45b758053 100644 >--- a/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/support/w3c-import.log >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/support/w3c-import.log >@@ -15,3 +15,5 @@ None > ------------------------------------------------------------------------ > List of files: > /LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/support/grid.css >+/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/support/positioned-grid-descendants.css >+/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/support/positioned-grid-descendants.js >diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/w3c-import.log b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/w3c-import.log >index 1257269c00373caa7c32e530610fcfdbe8c78e78..21d7ddd4ec1e168d415f4722e2ec865ee76df77e 100644 >--- a/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/w3c-import.log >+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/w3c-import.log >@@ -50,6 +50,22 @@ List of files: > /LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/grid-positioned-items-unknown-named-grid-line-001.html > /LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/grid-positioned-items-within-grid-implicit-track-001.html > /LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/grid-sizing-positioned-items-001.html >+/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-001.html >+/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-002.html >+/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-003.html >+/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-004.html >+/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-005.html >+/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-006.html >+/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-007.html >+/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-008.html >+/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-009.html >+/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-010.html >+/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-011.html >+/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-012.html >+/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-013.html >+/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-014.html >+/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-015.html >+/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-descendants-016.html > /LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-items-001-expected.html > /LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-items-001.html > /LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-items-002-expected.html >@@ -84,6 +100,22 @@ List of files: > /LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-items-016.html > /LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-items-017-expected.html > /LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/orthogonal-positioned-grid-items-017.html >+/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-001.html >+/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-002.html >+/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-003.html >+/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-004.html >+/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-005.html >+/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-006.html >+/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-007.html >+/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-008.html >+/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-009.html >+/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-010.html >+/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-011.html >+/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-012.html >+/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-013.html >+/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-014.html >+/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-015.html >+/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-descendants-016.html > /LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-items-001-expected.html > /LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-items-001.html > /LayoutTests/imported/w3c/web-platform-tests/css/css-grid/abspos/positioned-grid-items-002-expected.html
You cannot view the attachment while viewing its details because your browser does not support IFRAMEs.
View the attachment on a separate page
.
View Attachment As Diff
View Attachment As Raw
Actions:
View
|
Formatted Diff
|
Diff
Attachments on
bug 193657
:
359702
|
359703
| 359707