From 58bd0b0632b384d4c4180d7a700e834c53ff8275 Mon Sep 17 00:00:00 2001 From: Di Zhang Date: Wed, 18 Dec 2024 15:37:03 -0800 Subject: [PATCH] review changes --- images/reading-flow-order-example.svg | 2 +- source | 41 ++++++++++++++++----------- 2 files changed, 25 insertions(+), 18 deletions(-) diff --git a/images/reading-flow-order-example.svg b/images/reading-flow-order-example.svg index e4825978f34..5f4cf634664 100644 --- a/images/reading-flow-order-example.svg +++ b/images/reading-flow-order-example.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/source b/source index 3552089d6c4..4cb27728921 100644 --- a/source +++ b/source @@ -3821,7 +3821,6 @@ a.setAttribute('href', 'https://example.com/'); // change the content attribute
  • CSS parent box
  • reading flow container
  • rendering-defined sibling reading flow
    • -
  • The 'reading-flow' property

    • The following features are defined in CSS Flexible Box Layout: @@ -79812,11 +79811,11 @@ dictionary ToggleEventInit : EventInit {

  • If element is in the popover showing state and has a popover invoker set, then return element.

    • -

  • If element is a reading-flow-ordered scope owner, then return - element.

    • +

  • If element's parent is a reading-flow-ordered scope owner, then + return element's parent.

    • -

  • If element is a reading flow item, then return - element.

    • +

  • If element's parent is a reading flow item, then return + element's parent.

  • Return element's parent's associated focus navigation owner.

    • @@ -80122,6 +80121,9 @@ dictionary ToggleEventInit : EventInit {

  • Let owner be the focus navigation scope owner of scope.

    • +

  • Assert: owner is a reading-flow-ordered scope + owner.

    • +

  • Let container be the reading flow container associated with owner.

    • @@ -80132,11 +80134,13 @@ dictionary ToggleEventInit : EventInit {

    For each item of items:

      +

    1. Assert: item is a reading flow item.

      2. +
    2. -

      While item is an element that is not the container:

      +

      While item is not container:

      1. -

        If item's focus navigation scope owner is owner:

        +

        If item's associated focus navigation owner is owner:

        1. If output does not contain @@ -80148,8 +80152,7 @@ dictionary ToggleEventInit : EventInit {

          Different items can have the same inclusive ancestor. Only add to output if it is not already in the reading - flow order. This loop stops when the inclusive ancestor of - item within the flat tree is in the scope.

          + flow order.

        2. Set item to the parent element of item within the flat @@ -80158,20 +80161,24 @@ dictionary ToggleEventInit : EventInit {

        -

        The rendering-defined sibling reading flow includes descendants of the reading flow container that are not in - the reading-flow-ordered focus navigation scope. This step traverses the inclusive ancestors of item within the flat - tree to find a potential element to include in the reading flow order.

        +

        The rendering-defined sibling reading flow of container + includes descendants of this reading flow + container that might not be in scope. For example, if a direct child of + container has CSS 'display: contents' and its nested children are included in + items. Some elements in items will have the container while + others will have 'display: contents' child as its associated focus navigation + owner. This step traverses the inclusive + ancestors of item within the flat tree to make sure we only + include an element in the reading flow order if it is in scope.

      2. For each child of owner element's children, in tree order:

          -

        1. If child's focus navigation scope owner is owner and - output does not contain child, append child to output.

          2. +

        2. If child's associated focus navigation owner is owner + and output does not contain child, + append child to output.