details-in-ol.html (1429B)
1 <!DOCTYPE html> 2 <!-- Any copyright is dedicated to the Public Domain. 3 - http://creativecommons.org/publicdomain/zero/1.0/ --> 4 5 <html> 6 <style> 7 summary { 8 /* Hide the triangle for comparing with div in reftest. */ 9 list-style-type: none; 10 } 11 </style> 12 <body> 13 <!-- Test <ol> numbering is not affected by <details>. --> 14 <ol> 15 <li>First item 16 <details open> 17 <summary>Summary 18 <ul> 19 <li>First unordered item in summary</li> 20 <li>Second unordered item in summary</li> 21 </ul> 22 <div> 23 <ol> 24 <li>First item in summary</li> 25 <li>Second item in summary</li> 26 </ol> 27 </div> 28 <svg> 29 <foreignObject width="300" height="300"> 30 <ol> 31 <li>First item in foreignObject</li> 32 <li>Second item in foreignObject</li> 33 </ol> 34 </foreignObject> 35 </svg> 36 </summary> 37 <p>This is the details.</p> 38 <!-- Although html spec does not allow <li> inside <details>, we 39 deliberately omit the <ol> to test the renumbering isn't affected 40 by the summary. --> 41 <li>First item in details</li> 42 <li>Second item in details</li> 43 </details> 44 </li> 45 <li>Second item</li> 46 </ol> 47 </body> 48 </html>