Skip to content

[css-conditional-5] Draft spec for scroll-state() #6402 #10798

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 6 commits into from
Sep 4, 2024
Merged

[css-conditional-5] Draft spec for scroll-state() #6402 #10798

Changes from 1 commit
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
6b08d4a
[css-conditional-5] Draft spec for scroll-state() #6402
lilles Aug 5, 2024
78f5cc8
Fixed some review issues
lilles Sep 2, 2024
c7bda8f
Fixed issues in "Updating Scroll State"
lilles Sep 3, 2024
cb73856
Move definition of "query container"
lilles Sep 3, 2024
9a66863
Talk about scroll-state features instead of scroll-state containers
lilles Sep 3, 2024
1a92414
Re-worded 'overflowing'
lilles Sep 4, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Move definition of "query container"
  • Loading branch information
@lilles
lilles committed Sep 3, 2024
commit cb73856ad221351e9b79b8cfe2293fe5196a1d68
14 changes: 7 additions & 7 deletions css-conditional-5/Overview.bs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -347,10 +347,10 @@ Container Queries</h2>
[=container queries=] allow testing aspects of elements within the document
(such as box dimensions or computed styles).

By default, all elements are [=query containers=]
By default, all elements are <dfn export lt="query container">query containers</dfn>
for the purpose of [=container style queries=],
and can be established as [=query containers=]
for [=container size queries=] by specifying
for [=container size queries=] and [=container scroll-state queries=] by specifying
the additional query types using the 'container-type' property
(or the 'container' [=shorthand=]).
Style rules applying to a [=query container=]’s [=flat tree=] descendants
Expand Down Expand Up @@ -384,9 +384,9 @@ Container Queries</h2>
</div>

For the ''::part()'' and ''::slotted()'' <a>pseudo-element</a> selectors,
which represent real elements in the DOM tree, query containers can be
which represent real elements in the DOM tree, [=query containers=] can be
established by [=flat tree=] ancestors of those elements.
For other <a>pseudo-element</a>s, query containers can be established by
For other <a>pseudo-element</a>s, [=query containers=] can be established by
inclusive [=flat tree=] ancestors of their <a>originating element</a>.

<div class=note>
Expand Down Expand Up @@ -469,11 +469,11 @@ Creating Query Containers: the 'container-type' property</h3>
</pre>

The 'container-type' property establishes the element as a
<dfn export>query container</dfn> for certain types of queries. For size
[=query container=] for certain types of queries. For size
[=container queries=], which require certain types of containment, elements
are explicitly made [=query containers=] through this property. For other
types of [=query containers=] any element can be a query container, such as
for [=container style queries=].
types of [=query containers=] any element can be a [=query container=], such
as for [=container style queries=].

Values have the following meanings:

Expand Down