@@ -1341,80 +1341,6 @@ with keywords in 'position-try-options',
13411341without using ''@position-try'' at all.
13421342
13431343
1344- <!-- Big Text: -bounds
1345-
1346- ████▌ ███▌ █▌ █▌ █ █▌ ████▌ ███▌
1347- █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌
1348- █▌ █▌ █▌ █▌ █▌ █▌ ██▌ █▌ █▌ █▌ █▌
1349- ████▌ █████ █▌ █▌ █▌ █▌ █▌▐█ █▌ █▌ █▌ ███▌
1350- █▌ █▌ █▌ █▌ █▌ █▌ █▌ ██▌ █▌ █▌ █▌
1351- █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌
1352- ████▌ ███▌ ███▌ █▌ ▐▌ ████▌ ███▌
1353- -->
1354-
1355- Applying Stronger Fallback Bounds: the 'position-fallback-bounds' property {#fallback-bounds}
1356- --------------------------------------------------------------------------
1357-
1358- When an element using [=anchor positioning=]
1359- is using ''position: absolute'' ,
1360- it determines whether or not it's overflowing
1361- (and thus should try a different fallback position)
1362- by looking at its (scroll-adjusted) [=inset-modified containing block=] .
1363- By carefully selecting where in the DOM
1364- the positioned element lives,
1365- and what element establishes its containing block,
1366- you can choose a useful element
1367- to use for its overflow bounds.
1368-
1369- When using ''position: fixed'' ,
1370- or things like the Popover API
1371- that use the [=top layer=] ,
1372- you lose this ability;
1373- their containing block is always the viewport
1374- or the root element's containing block.
1375- The 'position-fallback-bounds' property
1376- restores this ability,
1377- allowing an element to explicitly select
1378- what element it wants to use
1379- for checking overflow against.
1380-
1381- <pre class=propdef>
1382- Name : position-fallback-bounds
1383- Value : normal | <<dashed-ident>>
1384- Initial : normal
1385- Applies to : [=absolutely positioned=] elements
1386- Inherited : no
1387- Animation type : discrete
1388- </pre>
1389-
1390- <dl dfn-type=value dfn-for=position-fallback-bounds>
1391- : <dfn>normal</dfn>
1392- :: The element uses its normal (scroll-adjusted, inset-modified) containing block
1393- to determine if it's overflowing
1394- for the purpose of selecting a [=position options list=] entry.
1395-
1396- : <<dashed-ident>>
1397- ::
1398- In addition to checking overflow against its containing block,
1399- as per ''position-fallback-bounds/normal'' ,
1400- the element checks against its <dfn dfn for>additional fallback-bounds rect</dfn> .
1401-
1402- The [=additional fallback-bounds rect=]
1403- is the [=padding box=]
1404- of the result of determining the [=target anchor element=]
1405- given this element and the specified <<dashed-ident>> .
1406- If there is no such [=target anchor element=] ,
1407- there is no [=additional fallback-bounds rect=] .
1408-
1409- Issue: padding-box? Or content-box? Should it be controllable?
1410- </dl>
1411-
1412- Issue: Or should this just be a more generic CSS Position ability,
1413- where any abspos can select a specific element as its containing block?
1414- Presumably still using the 'anchor-name' to specify it,
1415- and applying the same constraints as described here,
1416- to ensure proper ordering of layout
1417-
14181344
14191345<!-- Big Text: apply
14201346
0 commit comments