[css-conditional-5] Size query containers and box tree re-ordering w3c/csswg-drafts@abdb55d

Author: triple-underscore

css-conditional5-ja.html

@@ -137,8 +137,8 @@
 ●●options
 
 spec_title:CSS Conditional Rules Module Level 5
-spec_date:2026-01-14
-trans_update:2026-01-16
+spec_date:2026-03-18
+trans_update:2026-03-19
 source_checked:240617
 page_state_key:CSS
 original_url:https://drafts.csswg.org/css-conditional-5/
@@ -264,9 +264,10 @@
 pe.marker:~CSSPSEUDO#selectordef-marker
 pe.part():~CSSSHADOW#selectordef-part
 pe.placeholder:~CSSFORMS#selectordef-placeholder
+pe.scroll-marker-group:~CSSOVERFLOW5#selectordef-scroll-marker-group
+pe.scroll-button():~CSSOVERFLOW5#selectordef-scroll-button---scroll-button-direction
 pe.slotted():~CSSSHADOW#selectordef-slotted
 
-
 t.angle:~CSSVAL#angle-value
 t.at-keyword-token:~CSSSYN#typedef-at-keyword-token
 t.block-contents:~CSSSYN#typedef-block-contents
@@ -509,6 +510,7 @@
 SCROLL-ANIM:https://drafts.csswg.org/scroll-animations-1/
 CSSSCROLLSNAP2:https://drafts.csswg.org/css-scroll-snap-2/
 CSSEXT:https://drafts.csswg.org/css-extensions-1/
+CSSOVERFLOW5:https://drafts.csswg.org/css-overflow-5/
 
 inline-size0:inline-size
 
@@ -756,80 +758,82 @@
 ●●ref_normative
 
 [CSS-ANIMATIONS-1]
-    David Baron; et al. ＜CSS Animations Level 1＞. URL: https://drafts.csswg.org/css-animations/
+    David Baron; et al. ＜CSS Animations Level 1＞. 2 March 2023. WD. URL: https://www.w3.org/TR/css-animations-1/
 [CSS-BOX-4]
-    Elika Etemad. ＜CSS Box Model Module Level 4＞. URL: https://drafts.csswg.org/css-box-4/
+    Elika Etemad. ＜CSS Box Model Module Level 4＞. 4 August 2024. WD. URL: https://www.w3.org/TR/css-box-4/
 [CSS-CASCADE-4]
-    Elika Etemad; Tab Atkins Jr.. ＜CSS Cascading and Inheritance Level 4＞. URL: https://drafts.csswg.org/css-cascade-4/
+    Elika Etemad; Tab Atkins Jr.. ＜CSS Cascading and Inheritance Level 4＞. 13 January 2022. CR. URL: https://www.w3.org/TR/css-cascade-4/
 [CSS-CASCADE-5]
-    Elika Etemad; Miriam Suzanne; Tab Atkins Jr.. ＜CSS Cascading and Inheritance Level 5＞. URL: https://drafts.csswg.org/css-cascade-5/
+    Elika Etemad; Miriam Suzanne; Tab Atkins Jr.. ＜CSS Cascading and Inheritance Level 5＞. 13 January 2022. CR. URL: https://www.w3.org/TR/css-cascade-5/
 [CSS-CONDITIONAL-3]
-    Chris Lilley; David Baron; Elika Etemad. ＜CSS Conditional Rules Module Level 3＞. URL: https://drafts.csswg.org/css-conditional-3/
+    Chris Lilley; David Baron; Elika Etemad. ＜CSS Conditional Rules Module Level 3＞. 15 August 2024. CRD. URL: https://www.w3.org/TR/css-conditional-3/
 [CSS-CONDITIONAL-4]
-    Chris Lilley; David Baron; Elika Etemad. ＜CSS Conditional Rules Module Level 4＞. URL: https://drafts.csswg.org/css-conditional-4/
+    Chris Lilley; David Baron; Elika Etemad. ＜CSS Conditional Rules Module Level 4＞. 4 September 2025. CRD. URL: https://www.w3.org/TR/css-conditional-4/
 [CSS-CONTAIN-2]
-    Tab Atkins Jr.; Florian Rivoal; Vladimir Levin. ＜CSS Containment Module Level 2＞. URL: https://drafts.csswg.org/css-contain-2/
+    Tab Atkins Jr.; Florian Rivoal; Vladimir Levin. ＜CSS Containment Module Level 2＞. 17 September 2022. WD. URL: https://www.w3.org/TR/css-contain-2/
 [CSS-CONTAIN-3]
-    Tab Atkins Jr.; Florian Rivoal; Miriam Suzanne. ＜CSS Containment Module Level 3＞. URL: https://drafts.csswg.org/css-contain-3/
+    Tab Atkins Jr.; Florian Rivoal; Miriam Suzanne. ＜CSS Containment Module Level 3＞. 18 August 2022. WD. URL: https://www.w3.org/TR/css-contain-3/
 [CSS-DISPLAY-4]
-    Elika Etemad; Tab Atkins Jr.. ＜CSS Display Module Level 4＞. URL: https://drafts.csswg.org/css-display/
+    Elika Etemad; Tab Atkins Jr.. ＜CSS Display Module Level 4＞. 6 November 2025. WD. URL: https://www.w3.org/TR/css-display-4/
 [CSS-EXTENSIONS-1]
     ＜CSS Extensions Module Level 1＞. Editor's Draft. URL: https://drafts.csswg.org/css-extensions-1/
 [CSS-FONTS-4]
-    Chris Lilley. ＜CSS Fonts Module Level 4＞. URL: https://drafts.csswg.org/css-fonts-4/
+    Chris Lilley. ＜CSS Fonts Module Level 4＞. 3 March 2026. WD. URL: https://www.w3.org/TR/css-fonts-4/
 [CSS-FONTS-5]
-    Chris Lilley. ＜CSS Fonts Module Level 5＞. URL: https://drafts.csswg.org/css-fonts-5/
+    Chris Lilley. ＜CSS Fonts Module Level 5＞. 3 March 2026. WD. URL: https://www.w3.org/TR/css-fonts-5/
 [CSS-NAMESPACES-3]
-    Elika Etemad. ＜CSS Namespaces Module Level 3＞. URL: https://drafts.csswg.org/css-namespaces/
+    Elika Etemad. ＜CSS Namespaces Module Level 3＞. 20 March 2014. REC. URL: https://www.w3.org/TR/css-namespaces-3/
 [CSS-OVERFLOW-3]
-    Elika Etemad; Florian Rivoal. ＜CSS Overflow Module Level 3＞. URL: https://drafts.csswg.org/css-overflow-3/
+    Elika Etemad; Florian Rivoal. ＜CSS Overflow Module Level 3＞. 7 October 2025. WD. URL: https://www.w3.org/TR/css-overflow-3/
 [CSS-POSITION-3]
-    Elika Etemad; Tab Atkins Jr.. ＜CSS Positioned Layout Module Level 3＞. URL: https://drafts.csswg.org/css-position-3/
-[CSS-SHADOW-1]
-    Tab Atkins Jr.; Elika Etemad. ＜CSS Shadow Module Level 1＞. URL: https://drafts.csswg.org/css-shadow-1/
+    Elika Etemad; Tab Atkins Jr.. ＜CSS Positioned Layout Module Level 3＞. 7 October 2025. WD. URL: https://www.w3.org/TR/css-position-3/
 [CSS-SCROLL-SNAP-1]
-    Matt Rakow; et al. ＜CSS Scroll Snap Module Level 1＞. URL: https://drafts.csswg.org/css-scroll-snap-1/
+    Matt Rakow; et al. ＜CSS Scroll Snap Module Level 1＞. 11 March 2021. CR. URL: https://www.w3.org/TR/css-scroll-snap-1/
 [CSS-SCROLL-SNAP-2]
-    Elika Etemad; Tab Atkins Jr.; Adam Argyle. ＜CSS Scroll Snap Module Level 2＞. URL: https://drafts.csswg.org/css-scroll-snap-2/
+    Elika Etemad; Tab Atkins Jr.; Adam Argyle. ＜CSS Scroll Snap Module Level 2＞. 23 July 2024. FPWD. URL: https://www.w3.org/TR/css-scroll-snap-2/
+[CSS-SHADOW-1]
+    ＜CSS Shadow Module Level 1＞. Editor's Draft. URL: https://drafts.csswg.org/css-shadow-1/
 [CSS-SIZING-3]
-    Tab Atkins Jr.; Elika Etemad. ＜CSS Box Sizing Module Level 3＞. URL: https://drafts.csswg.org/css-sizing-3/
+    Tab Atkins Jr.; Elika Etemad. ＜CSS Box Sizing Module Level 3＞. 17 December 2021. WD. URL: https://www.w3.org/TR/css-sizing-3/
 [CSS-SYNTAX-3]
-    Tab Atkins Jr.; Simon Sapin. ＜CSS Syntax Module Level 3＞. URL: https://drafts.csswg.org/css-syntax/
+    Tab Atkins Jr.; Simon Sapin. ＜CSS Syntax Module Level 3＞. 24 December 2021. CRD. URL: https://www.w3.org/TR/css-syntax-3/
 [CSS-TRANSITIONS-1]
-    David Baron; et al. ＜CSS Transitions＞. URL: https://drafts.csswg.org/css-transitions/
+    Chris Marrin; et al. ＜CSS Transitions Module Level 1＞. 8 January 2026. WD. URL: https://www.w3.org/TR/css-transitions-1/
 [CSS-VALUES-4]
-    Tab Atkins Jr.; Elika Etemad. ＜CSS Values and Units Module Level 4＞. URL: https://drafts.csswg.org/css-values-4/
+    Tab Atkins Jr.; Elika Etemad. ＜CSS Values and Units Module Level 4＞. 12 March 2024. WD. URL: https://www.w3.org/TR/css-values-4/
 [CSS-VALUES-5]
-    Tab Atkins Jr.; Elika Etemad; Miriam Suzanne. ＜CSS Values and Units Module Level 5＞. URL: https://drafts.csswg.org/css-values-5/
-[CSS-VARIABLES-2]
-    ＜CSS Custom Properties for Cascading Variables Module Level 2＞. Editor's Draft. URL: https://drafts.csswg.org/css-variables-2/
+    Tab Atkins Jr.; Elika Etemad; Miriam Suzanne. ＜CSS Values and Units Module Level 5＞. 11 November 2024. WD. URL: https://www.w3.org/TR/css-values-5/
+[CSS-VARIABLES-1]
+    Tab Atkins Jr.. ＜CSS Custom Properties for Cascading Variables Module Level 1＞. 16 June 2022. CR. URL: https://www.w3.org/TR/css-variables-1/
 [CSS-WRITING-MODES-4]
-    Elika Etemad; Koji Ishii. ＜CSS Writing Modes Level 4＞. URL: https://drafts.csswg.org/css-writing-modes-4/
+    Elika Etemad; Koji Ishii. ＜CSS Writing Modes Level 4＞. 30 July 2019. CR. URL: https://www.w3.org/TR/css-writing-modes-4/
+[CSS2]
+    Bert Bos; et al. ＜Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification＞. 7 June 2011. REC. URL: https://www.w3.org/TR/CSS2/
 [CSSOM-1]
-    Daniel Glazman; Emilio Cobos Álvarez. ＜CSS Object Model (CSSOM)＞. URL: https://drafts.csswg.org/cssom/
+    Daniel Glazman; Emilio Cobos Álvarez. ＜CSS Object Model (CSSOM)＞. 26 August 2021. WD. URL: https://www.w3.org/TR/cssom-1/
 [CSSOM-VIEW-1]
-    Simon Fraser; Emilio Cobos Álvarez. ＜CSSOM View Module＞. URL: https://drafts.csswg.org/cssom-view/
+    Simon Fraser; Emilio Cobos Álvarez. ＜CSSOM View Module＞. 16 September 2025. WD. URL: https://www.w3.org/TR/cssom-view-1/
 [MEDIAQUERIES-4]
-    Florian Rivoal; Tab Atkins Jr.. ＜Media Queries Level 4＞. URL: https://drafts.csswg.org/mediaqueries-4/
+    Tab Atkins Jr.; Florian Rivoal. ＜Media Queries Level 4＞. 19 February 2026. CRD. URL: https://www.w3.org/TR/mediaqueries-4/
 [MEDIAQUERIES-5]
-    Dean Jackson; et al. ＜Media Queries Level 5＞. URL: https://drafts.csswg.org/mediaqueries-5/
+    Tab Atkins Jr.; et al. ＜Media Queries Level 5＞. 19 February 2026. WD. URL: https://www.w3.org/TR/mediaqueries-5/
 [RFC2119]
     S. Bradner. ＜Key words for use in RFCs to Indicate Requirement Levels＞. March 1997. Best Current Practice. URL: https://datatracker.ietf.org/doc/html/rfc2119
 [SELECTORS-4]
-    Elika Etemad; Tab Atkins Jr.. ＜Selectors Level 4＞. URL: https://drafts.csswg.org/selectors/
+    Elika Etemad; Tab Atkins Jr.. ＜Selectors Level 4＞. 22 January 2026. WD. URL: https://www.w3.org/TR/selectors-4/
 [WEB-ANIMATIONS-1]
-    Brian Birtles; et al. ＜Web Animations＞. URL: https://drafts.csswg.org/web-animations-1/
+    Brian Birtles; et al. ＜Web Animations＞. 5 June 2023. WD. URL: https://www.w3.org/TR/web-animations-1/
 [WEBIDL]
     Edgar Chen; Timothy Gu. ＜Web IDL Standard＞. Living Standard. URL: https://webidl.spec.whatwg.org/
 
 ●●ref_informative
 
+[CSS-OVERFLOW-5]
+    Elika Etemad; Florian Rivoal; Robert Flack. ＜CSS Overflow Module Level 5＞. 17 December 2024. FPWD. URL: https://www.w3.org/TR/css-overflow-5/
 [CSS-POSITION-4]
-    Elika Etemad; Tab Atkins Jr.. ＜CSS Positioned Layout Module Level 4＞. URL: https://drafts.csswg.org/css-position-4/
+    Elika Etemad; Tab Atkins Jr.. ＜CSS Positioned Layout Module Level 4＞. 7 October 2025. WD. URL: https://www.w3.org/TR/css-position-4/
 [CSS-PSEUDO-4]
-    Elika Etemad; Alan Stearns. ＜CSS Pseudo-Elements Module Level 4＞. URL: https://drafts.csswg.org/css-pseudo-4/
-[CSS2]
-    Bert Bos; et al. ＜Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification＞. URL: https://drafts.csswg.org/css2/
+    Elika Etemad; Alan Stearns. ＜CSS Pseudo-Elements Module Level 4＞. 27 June 2025. WD. URL: https://www.w3.org/TR/css-pseudo-4/
 
 
 ●●trans_metadata
@@ -1570,6 +1574,39 @@ <h2 title="Container Queries">5. 容器~query</h2>
 By default, all elements are query containers for the purpose of container style queries, and can be established as query containers 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 can be conditioned by querying against it, using the @container conditional group rule.
 </p>
 
+<p>
+~queryしている要素 %要素 の先祖~要素のうち~boxを生成するものは、
+%要素 により生成される~boxの先祖~boxでない場合には、
+`容器~size~query$用として適格な`~query容器$にはならない。
+◎
+An ancestor element that generates a box is not an eligible container for container size queries if that box is not an ancestor box of any boxes generated by the querying element.
+</p>
+
+<div class="note">
+<p>注記：
+`疑似要素$用の~boxが［
+その`出自の要素$が生成する~boxの同胞
+］として生成される事例もある。
+同胞~boxの~sizeを~queryすることを許容した場合、
+~layoutに循環依存を導入することになる。
+◎
+There are cases where the box for a pseudo-element is generated as a sibling box of its originating element’s box. If we allowed querying the size of a sibling box, it would introduce layout cycles.
+</p>
+
+<p>
+例えば，
+`scroll-marker-group$pe 疑似要素や `scroll-button()$pe 疑似要素は、
+その出自の要素である`~scroll容器$の同胞~boxを生成する。
+これらの疑似要素は、
+当の~scroll容器を`容器~size~query$により~query可能にはならない
+— 他の［
+適格な`~query容器$である先祖
+］は~query可能になるが。
+◎
+For example, the ::scroll-marker-group and ::scroll-button() pseudo-elements generate sibling boxes of their originating element’s box. These pseudo-elements will not be able to query their originating scroller for container size queries. They will, however, be able to query other eligible query container ancestors.
+</p>
+</div>
+
 <div class="example">
 <p>
 例えば、