Skip to content

Commit d53dde4

Browse files
committed
[css-anchor-position] Remove anchor-position-bounds (replacing with position-container in Position). w3c#9868
1 parent 1ecabcd commit d53dde4

File tree

1 file changed

+0
-74
lines changed

1 file changed

+0
-74
lines changed

css-anchor-position-1/Overview.bs

Lines changed: 0 additions & 74 deletions
Original file line numberDiff line numberDiff line change
@@ -1341,80 +1341,6 @@ with keywords in 'position-try-options',
13411341
without 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

Comments
 (0)