Firefox html ordered list numbering messed up by sublist

Question

My sublists suddenly started breaking my ordered lists in Firefox (68.0.2) for Ubuntu, and Firefox on my android mobile. Is this a Firefox bug or is my syntax bad here?

<ol>
  <li>Ordered list item 1</li>
  <ul>
    <li>sub bullet list item</li>
    <li>sub bullet list item</li>
    <li>sub bullet list item</li>
    <li>sub bullet list item</li>
    <li>sub bullet list item</li>
  </ul>
  <li>Ordered list item #2. Why is this appearing as 6 in Firefox?</li>
</ol>

Applecart

Answer 1

This is indeed a new FF 68+ regression. See https://bugzilla.mozilla.org/show_bug.cgi?id=1548753

Ponder

It's the markup. The sublist should be inside the <li> to be a sublist. – Allahabad

Yeah, it's incorrect (or at least ambiguous) markup. But it used to be rendered the other way around, and is rendered like this in all other browsers, it seems. – Floatage

Answer 2

The thing is, in your code ul is not inside any of your li tags. Therefore, list items of your unordered list are not subitems of any item in your ordered list. Try this instead:

<ol>
    <li>Ordered list item 1
        <ul>
            <li>sub bullet list item</li>
            <li>sub bullet list item</li>
            <li>sub bullet list item</li>
            <li>sub bullet list item</li>
            <li>sub bullet list item</li>
        </ul>
    </li>
    <li>Ordered list item #2. Why is this appearing as 6 in Firefox?</li>
</ol>

Eggleston