details-in-ol.html

Enable keyboard shortcuts

<!DOCTYPE html>

<!-- Any copyright is dedicated to the Public Domain.

   - http://creativecommons.org/publicdomain/zero/1.0/ -->

<html>

  <style>

  summary {

    /* Hide the triangle for comparing with div in reftest. */

    list-style-type: none;

  </style>

  <body>

    <!-- Test <ol> numbering is not affected by <details>. -->

    <ol>

      <li>First item

        <details open>

          <summary>Summary

            <ul>

              <li>First unordered item in summary</li>

              <li>Second unordered item in summary</li>

            </ul>

            <div>

              <ol>

                <li>First item in summary</li>

                <li>Second item in summary</li>

              </ol>

            </div>

            <svg>

              <foreignObject width="300" height="300">

                <ol>

                  <li>First item in foreignObject</li>

                  <li>Second item in foreignObject</li>

                </ol>

              </foreignObject>

            </svg>

          </summary>

          <p>This is the details.</p>

          <!-- Although html spec does not allow <li> inside <details>, we

               deliberately omit the <ol> to test the renumbering isn't affected

               by the summary. -->

          <li>First item in details</li>

          <li>Second item in details</li>

        </details>

      </li>

      <li>Second item</li>

    </ol>

  </body>

</html>