Files
palemoon27/layout/reftests/css-grid/grid-placement-definite-implicit-002-ref.html
T
roytam1 3850bfcb24 import changes from `dev' branch of rmottola/Arctic-Fox:
- Bug 1228921 - Write nsChangeHint constants using left shifts. r=xidorn (cc7702d508)
- Bug 1228921 patch 2 - Fix nsRestyleHint constants to match the same style. r=xidorn (1ec516e7fb)
- Bug 1077085 - Insure puppet widgets don't skip sending resize notifications to the view manager when the user navigates through history items. r=tn (6ebc5e2ec4)
- Bug 1188665 - Make nsIDOMWindowUtils.disableDialogs() disable onbeforeunload dialogs. r=bz (c1832372ff)
- fix misspatch in Bug 1224464 patch 2 (710f8de1ae)
- Bug 1175192. Consistently allow identifiers to start with -- in the CSS parser. r=heycam (5c4ced2937)
- Bug 1220903 - Allow style to access chrome-only properties if it is loaded via chrome protocol. r=bz (155b2099cc)
- Bug 1217643 part 0: Add reftests for -webkit-gradient() expressions. r=heycam (adc23dade1)
- Bug 1217643 part 1: Add partial support for parsing CSS -webkit-gradient expressions (if webkit prefix support is enabled). r=heycam (715c0364b2)
- Bug 1217643 part 2: Represent parsed CSS -webkit-gradient(linear, ...) expressions internally as parsed versions of more modern syntax. r=heycam (2f06829293)
- Bug 1217643 part 3: Represent parsed CSS -webkit-gradient(radial, ...) expressions internally as parsed versions of more modern syntax. r=heycam (f2903d9cec)
- Bug 1228051 - Remove PR_snprintf calls in nsCSSParser.cpp's CSSParserImpl::ParseColor. r=dholbert (f3845e9bac)
- Bug 1221823 patch 1 - Use rvalue-reference and Move rather than just comments to show behavior of nsCSSKeyframeRule constructor. r=xidorn (07196fd12f)
- Bug 1221823 patch 2 - Use already_AddRefed<Declaration>&& as parameter to nsCSSKeyframeRule constructor to avoid extra reference count cycle. r=xidorn (c4b441fc83)
- Bug 1232596 - initialize variable changed  = false, flagged by Coverity. r=dbaron (1e662aea38)
- (no bug) Fix typo (repeated word) in comment. comment-only, no review, DONTBUILD (dbb43c2638)
- Bug 1213842 - :lang() should not fall back to HTTP headers if empty lang attribute is specified; r=bz (6992d47faa)
- bits of  Bug 1202744 - Overlapping software home buttons r=snorp (5913a799f1)
- Bug 1171368 - Fix -Wunreachable-code-break warning in layout/style/nsCSSRuleProcessor.cpp. r=dholbert (2d006c9e7e)
- Bug 1202512 - Part 3: Restyle elements with attribute/state changes if we find a conditionally restyled ancestor while selector matching up the tree. r=bzbarsky (ea671029bb)
- Bug 1202512 - Part 4: Reftests. r=bzbarsky (418aae6b65)
- Bug 1097242 - Make sure contenteditable -moz-user-select styles can be overridden by web pages; r=dbaron (c1a0172841)
- Bug 1166969 - Video element in the video document shouldn't be selected. r=roc (fb9621837b)
- Bug 1169901 - View source menu covers full height. r=heycam (6225279b1a)
- Bug 1230508 - Always compute position to fixed for top layer elements for now. r=dbaron (55475be4f2)
- Bug 1230508 - Always compute position to fixed for top layer elements for now. r=dbaron (10a918d358)
- Bug 1216362 - Measure nsCSSSelector::mAttrList. r=erahm (110a191205)
- Bug 1156392 - Remove an ifdef condition that we don't need any more. r=tn (84f9f7748d)
- Bug 1215957 - Start at the end of the explicit grid also when matching plain negative number lines. r=dholbert (21b56f9b66)
- Bug 1226697 part 1 - [css-grid] Fix off-by-one error when counting lines in reverse. r=dholbert (b8293a7c4b)
- Bug 1211260 - Implement the new Grid Placement Conflict Handling: "If the placement for a grid item contains two lines, and the start line is further end-ward than the end line, swap the two lines." r=dholbert (a740de6866)
- Bug 1211260 - [css-grid] Follow-up: address a code readability nit that I missed. r=dholbert (d98517d455)
- Bug 1215099 part 2 - [css-grid] An empty grid should still have one explicit grid line in each axis. r=dholbert (8b80702949)
- Bug 1230695 - [css-grid] abs.pos. child spanning from an 'auto' start position to an end line should end on the start side of the gutter. r=dholbert (02dfb8610a)
- Bug 1229145 - [css-grid] Account for start margin when calculating border box offset for align-self/justify-self:center. r=dholbert (f4b030f775)
- Bug 1224634 - [css-grid] Tweak a few tests to account for correct 'justify-self' behavior. (2fa37ac545)
- Bug 1229145 - [css-grid] Adjust align-self/justify-self:center reference rendering to reflect the corrected margin calculations. (c95ab49645)
- Bug 1225118 - [css-grid] Deal with nscoord overflow when applying [align|justify]-self:stretch. r=dholbert (9db2a3b1ca)
- Bug 1225118 - Crashtest. (71d85472da)
- Bug 1227216. Part 1: Only draw surface on inset box shadows if dest and src are equal sizes. r=mstange (6adb32966c)
- Bug 1227216. Part 2: Fallback to blur destination rect if a large shadow offset occurs. r=mstange (bfad4ecb03)
- Bug 1178575 - tests. (519597225f)
- Bug 1212823 - Use correct coordinate space for box-shadow native rect when doing themed drawing. r=roc (25ab30fa1a)
- Bug 1229165 - [css-grid] Apply min/max-width/height properties to clamp block-size of auto-height grid containers. r=dholbert (eaf4864e88)
- Bug 1228984 - [css-grid] Auto-placement into columns missed some unoccupied span-1 column slots. r=dholbert (e6bbc62ca6)
- Bug 1228984 - [css-grid] Add more auto-placement tests. (6c2bfceefd)
- Bug 1215182 - [css-grid] Make our "Implicit Named Areas" detection match the spec. r=dholbert (a31e1afe0f)
- Bug 1215182 - Reftests. (22e235d090)
- Bug 957911 - Work around the lack of support for semi-colon comments in python/configobj. r=gps (3f65ecdb57)
- Bug 1194121 - Skip UpdateCommands() from initializing collapse to avoid sync IPC during app startup. r=jst (f84caa230a)
- Bug 1170642 - Silence nsDocumentViewer::GetInImage warnings. r=ehsan (1e652f7f35)
- No bug, use attached widget listener mode on iOS, NPOTB (394650156a)
- Bug 1191609 - Always stroke CSS border sides separately from corner fills. r=mstange (c84f179c91)
- Bug 1224761 - Fix forceRepeatToCoverTiles optimization to not trigger when all stops at left edge of tile. r=roc (8a95296996)
- Bug 1155766 - Fix a bad assertion r=jfkthame (db12ebcfab)
- Bug 1163583 - Update SetPara with recent changes to ICU algorithm. r=smontagu (29250e8018)
- Bug 1157727 - Part 0: Preliminary cleanup, remove a bunch of #ifdef'd dead code from nsBidi.cpp. r=smontagu (b6b1bafd0c)
- Bug 1157727 - Part 1: Add paired bracket type property to our character data (patch originally by :tedders1, updated by :jfkthame). r=jfkthame (dd3b21469a)
- Bug 1161932 - Fix coverity warning in nsBidi.cpp. r=smontagu (8c5e758aad)
- Bug 1217833 - Fix container width in exception for line frames in nsBidiPresUtils::ReorderFrames. r=jfkthame (b59949333a)
- Bug 1217833 followup - Mark one test as fuzzy(43,2) on a CLOSED TREE (though fuzzy amounts needed vary by platform). (241f74b354)
- Bug 1217833 followup - Add margin to avoid fuzz on reftest. (e885281263)
- Bug 1157727 - Reftests for bidi bracket pairing, based on UAX #9 examples. r=smontagu (a6865a934c)
- Bug 1157727 - Part 2: Update bidi algorithm for bracket matching (patch originally by :tedders1, updated by :jfkthame). r=jfkthame (1bf541ba42)
- Bug 1169088 - Remove unused nsBidiPresUtils methods. r=dbaron (27a86233bc)
- Bug 817406 part 1 - Let ApplyStyleFixups propogate 'direction' to the viewport. r=bz,heycam (9370d38caf)
- Bug 1210877 - Make nsBidiPresUtils::RepositionFrame work also for box-decoration-break:clone. r=roc (ec5d29a8a1)
- Bug 1162813: filter paragraph separators before passing text to SetPara, r=jfkthame (4b0fa94ac8)
- Bug 1146112 - Mark ruby pseudo frames as line participant in frame constructor. r=roc (ae06cf850f)
- Bug 1228033. When not painting to a window (and hence not retained) only have one AGR, the root AGR. r=mattwoodrow (f640ec9a8c)
- Bug 927228 - Allow ImageLayerization for images using 'contain' and 'cover'. r=mstange (23863c225a)
- Bug 1230696 - Don't report perspective values that round to 0 app units as not having perspective. r=roc (9f70c1d9d8)
- Bug 1230075 - Allow perspective items in hittest() for preserve-3d cases. r=mattwoodrow (75d585b042)
- Bug 1141636 - "Dubious loop test in nsSVGElement::GetAnimatedLengthListValues". r=cam f=longsonr (339c880389)
2023-07-14 10:13:12 +08:00

217 lines
11 KiB
HTML

<!DOCTYPE HTML>
<!--
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/
-->
<html><head>
<meta charset="utf-8">
<title>CSS Test: Testing definite placement with non-existent line names</title>
<link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1146051">
<style type="text/css">
html,body {
font-size: 16px;
font-family: monospace;
padding:0; margin:0;
}
.grid {
height: 40px;
position: relative;
}
span {
position: absolute;
top:0; left:0; width:20px; height:20px;
background: lime;
border: 1px solid black;
box-sizing: border-box;
}
.XeN { left: 20px; width: 80px; }
.XsN { width: 80px; } .XsN ~ span { top:20px; left:60px; }
.NeX { left: 20px; width: 80px; }
.NsX { width: 80px; } .NsX ~ span { left: 60px; top: 20px; }
.XeA { width: 100px; } .XeA ~ span { top: 20px; }
.XsA { width: 60px; } .XsA ~ span { left: 60px; }
.XsA2 { width: 80px; } .XsA2 ~ span { left: 60px; top: 20px; }
.XsA3 { width: 120px; } .XsA3 ~ span { left: 60px; top: 20px; }
.AsX { width: 60px;} .AsX ~ span { left: 60px; }
.xsN { } .xsN ~ span { left: 20px; }
.x2sN { width: 40px; } .x2sN ~ span { left: 40px; }
.xsN2 { width: 40px; } .xsN2 ~ span { left: 20px; top: 20px; }
.xXs { } .xXs ~ span { left: 60px;}
.aXs { } .aXs ~ span { left: 60px;}
.aXe { left: 20px; width: 60px; }
.xXe { width: 100px; } .xXe ~ span { left: 20px; top: 20px; }
.AXe { width: 80px; } .AXe ~ span { top: 20px; }
.A2Xe { left: 20px; width: 60px; }
.XXe { left: 60px; }
.XX3e { left: 60px; width: 40px; }
.XbXe { width: 100px; } .XbXe ~ span { top: 20px; left: 40px; }
.XX0b { } .XX0b ~ span { left: 60px; }
.XX1b { } .XX1b ~ span { left: 60px; }
.XX2b { width: 40px; } .XX2b ~ span { left: 60px; }
.XbN1 { width: 60px; } .XbN1 ~ span { left: 60px; }
.XbN2 { width: 80px; } .XbN2 ~ span { top: 20px; left: 60px; }
.Xbb { } .Xbb ~ span { left: 80px; }
.Xee { left: 60px; width:40px; }
.nX2s { width: 40px; } .nX2s ~ span { left: 80px; }
.nXs { width: 40px; } .nXs ~ span { left: 60px; }
.nXe { left: 20px; width: 40px; }
.nX2e { left: 40px; width: 40px; }
.nX3e { left: 60px; width: 40px; }
.n3Xe { width: 60px; } .n3Xe ~ span { top: 20px; }
.n4Xe { width: 80px; } .n4Xe ~ span { top: 20px; left: 20px; }
.Xen3 { left: 60px; width: 60px; }
.Xea { left: 60px; }
.Xea2 { left: 60px; width: 40px; }
.Xea3 { left: 60px; width: 60px; }
.Xsa { } .Xsa ~ span { left: 20px; }
.Xsa2 { width: 40px; } .Xsa2 ~ span { left: 20px; top: 20px; }
.Xsa4 { width: 100px; } .Xsa4 ~ span { left: 20px; top: 20px; }
.Xs2a { width: 40px; } .Xs2a ~ span { left: 40px; }
.Xs2a2 { width: 60px; } .Xs2a2 ~ span { left: 40px; top: 20px; }
.Xs2a4 { width: 120px; } .Xs2a4 ~ span { left: 40px; top: 20px; }
.Xs3a { width: 60px; } .Xs3a ~ span { left: 60px; }
.Xs3a2 { width: 80px; } .Xs3a2 ~ span { left: 60px; top: 20px; }
.Xs3a4 { width: 140px; } .Xs3a4 ~ span { left: 60px; top: 20px; }
.nxe { width: 60px; } .nxe ~ span { top: 20px; }
.nx3e { width: 100px; } .nx3e ~ span { top: 20px; }
.n2x3e { left: 20px; width: 80px; }
.Axe { width: 60px; } .Axe ~ span { top: 20px; }
.A2xe { left: 20px; width: 40px; }
.Ax3e { width: 100px; } .Ax3e ~ span { top: 20px; }
.A2x3e { left: 20px; width: 80px; }
.Aa { } .Aa ~ span { top: 20px; }
.A2a { left: 20px; width: 40px; }
.Aa3 { width: 80px; } .Aa3 ~ span { top: 20px; }
.AXs { width: 40px; } .AXs ~ span { left:40px; }
.A2Xs { width: 60px; } .A2Xs ~ span { left: 40px; top:20px; }
._Xs { } ._Xs ~ span { left: 60px; }
._Xe { left: 60px; }
._xe { } ._xe ~ span { top: 20px; }
._x3e { } ._x3e ~ span { top: 20px; }
._xa { } ._xa ~ span { top: 20px; }
._xa3 { } ._xa3 ~ span { top: 20px; }
._xn3 { width: 60px; } ._xn3 ~ span { top: 20px; }
._xn5 { width: 100px; } ._xn5 ~ span { top: 20px; }
.Xs_ { } .Xs_ ~ span { left: 20px; }
.X2s_ { } .X2s_ ~ span { left: 40px; }
.X2e_ { left: 80px; }
.A_ { } .A_ ~ span { top: 20px; }
.A2_ { left: 20px; }
.x3_ { } .x3_ ~ span { top: 20px; }
.a2_ { } .a2_ ~ span { top: 20px; }
.a-2_ { } .a-2_ ~ span { top: 20px; }
._n { } ._n ~ span { left: 20px; }
._n2 { } ._n2 ~ span { top: 20px; }
.A3Xe { left: 60px; }
.c1 { background:grey; }
</style>
</head>
<body>
<div style="float:left; width:140px">
<div class="grid"><span class="XeN" ></span><span class="c1"></span></div>
<div class="grid"><span class="XsN" ></span><span class="c1"></span></div>
<div class="grid"><span class="NeX" ></span><span class="c1"></span></div>
<div class="grid"><span class="NsX" ></span><span class="c1"></span></div>
<div class="grid"><span class="XeA" ></span><span class="c1"></span></div>
<div class="grid"><span class="XsA" ></span><span class="c1"></span></div>
<div class="grid"><span class="XsA2"></span><span class="c1"></span></div>
<div class="grid"><span class="XsA3"></span><span class="c1"></span></div>
<div class="grid"><span class="AsX" ></span><span class="c1"></span></div>
<div class="grid"><span class="xsN" ></span><span class="c1"></span></div>
<div class="grid"><span class="x2sN"></span><span class="c1"></span></div>
<div class="grid"><span class="xsN2"></span><span class="c1"></span></div>
<div class="grid"><span class="xXs" ></span><span class="c1"></span></div>
<div class="grid"><span class="aXs" ></span><span class="c1"></span></div>
<div class="grid"><span class="aXe" ></span><span class="c1"></span></div>
<div class="grid"><span class="xXe" ></span><span class="c1"></span></div>
</div>
<div style="float:left; width:140px">
<div class="grid"><span class="AXe" ></span><span class="c1"></span></div>
<div class="grid"><span class="A2Xe"></span><span class="c1"></span></div>
<div class="grid"><span class="XXe" ></span><span class="c1"></span></div>
<div class="grid"><span class="XX3e"></span><span class="c1"></span></div>
<div class="grid"><span class="XbXe"></span><span class="c1"></span></div>
<div class="grid"><span class="XX0b"></span><span class="c1"></span></div>
<div class="grid"><span class="XX1b"></span><span class="c1"></span></div>
<div class="grid"><span class="XX2b"></span><span class="c1"></span></div>
<div class="grid"><span class="XbN1"></span><span class="c1"></span></div>
<div class="grid"><span class="XbN2"></span><span class="c1"></span></div>
<div class="grid"><span class="Xbb" ></span><span class="c1"></span></div>
<div class="grid"><span class="Xee" ></span><span class="c1"></span></div>
<div class="grid"><span class="nX2s"></span><span class="c1"></span></div>
<div class="grid"><span class="nXs" ></span><span class="c1"></span></div>
<div class="grid"><span class="nXe" ></span><span class="c1"></span></div>
<div class="grid"><span class="nX2e"></span><span class="c1"></span></div>
</div>
<div style="float:left; width:140px">
<div class="grid"><span class="nX3e" ></span><span class="c1"></span></div>
<div class="grid"><span class="n3Xe" ></span><span class="c1"></span></div>
<div class="grid"><span class="n4Xe" ></span><span class="c1"></span></div>
<div class="grid"><span class="Xen3" ></span><span class="c1"></span></div>
<div class="grid"><span class="Xea" ></span><span class="c1"></span></div>
<div class="grid"><span class="Xea2" ></span><span class="c1"></span></div>
<div class="grid"><span class="Xea3" ></span><span class="c1"></span></div>
<div class="grid"><span class="Xsa" ></span><span class="c1"></span></div>
<div class="grid"><span class="Xsa2" ></span><span class="c1"></span></div>
<div class="grid"><span class="Xsa4" ></span><span class="c1"></span></div>
<div class="grid"><span class="Xs2a" ></span><span class="c1"></span></div>
<div class="grid"><span class="Xs2a2"></span><span class="c1"></span></div>
<div class="grid"><span class="Xs2a4"></span><span class="c1"></span></div>
<div class="grid"><span class="Xs3a" ></span><span class="c1"></span></div>
<div class="grid"><span class="Xs3a2"></span><span class="c1"></span></div>
<div class="grid"><span class="Xs3a4"></span><span class="c1"></span></div>
</div>
<div style="float:left; width:140px">
<div class="grid"><span class="nxe" ></span><span class="c1"></span></div>
<div class="grid"><span class="nx3e" ></span><span class="c1"></span></div>
<div class="grid"><span class="n2x3e"></span><span class="c1"></span></div>
<div class="grid"><span class="Axe" ></span><span class="c1"></span></div>
<div class="grid"><span class="A2xe" ></span><span class="c1"></span></div>
<div class="grid"><span class="Ax3e" ></span><span class="c1"></span></div>
<div class="grid"><span class="A2x3e"></span><span class="c1"></span></div>
<div class="grid"><span class="Aa" ></span><span class="c1"></span></div>
<div class="grid"><span class="A2a" ></span><span class="c1"></span></div>
<div class="grid"><span class="Aa3" ></span><span class="c1"></span></div>
<div class="grid"><span class="AXs" ></span><span class="c1"></span></div>
<div class="grid"><span class="A2Xs" ></span><span class="c1"></span></div>
<div class="grid"><span class="_Xs" ></span><span class="c1"></span></div>
<div class="grid"><span class="_Xe" ></span><span class="c1"></span></div>
<div class="grid"><span class="_xe" ></span><span class="c1"></span></div>
<div class="grid"><span class="_x3e" ></span><span class="c1"></span></div>
</div>
<div style="float:left; width:140px">
<div class="grid"><span class="_xa" ></span><span class="c1"></span></div>
<div class="grid"><span class="_xa3"></span><span class="c1"></span></div>
<div class="grid"><span class="_xn3"></span><span class="c1"></span></div>
<div class="grid"><span class="_xn5"></span><span class="c1"></span></div>
<div class="grid"><span class="Xs_" ></span><span class="c1"></span></div>
<div class="grid"><span class="X2s_"></span><span class="c1"></span></div>
<div class="grid"><span class="X2e_"></span><span class="c1"></span></div>
<div class="grid"><span class="A_" ></span><span class="c1"></span></div>
<div class="grid"><span class="A2_" ></span><span class="c1"></span></div>
<div class="grid"><span class="x3_" ></span><span class="c1"></span></div>
<div class="grid"><span class="a2_" ></span><span class="c1"></span></div>
<div class="grid"><span class="a-2_"></span><span class="c1"></span></div>
<div class="grid"><span class="_n" ></span><span class="c1"></span></div>
<div class="grid"><span class="_n2" ></span><span class="c1"></span></div>
<div class="grid"><span class="A3Xe"></span><span class="c1"></span></div>
</div>
</body>
</html>