[bug]: Block editor/renderer: Nesting a list inside of a list-item leads to invalid/inaccessible HTML

[HendrikSchmidt]

What version of @strapi/blocks-react-renderer are you using?

• [email protected]
• [email protected]
• @strapi/[email protected]
• @strapi/[email protected]
• [email protected]
• Browser Chrome@131

What's Wrong?

When creating a nested list in Strapi, it will be rendered as invalid HTML with list (ul/ol) elements as direct children of other list elements, instead of being children of list-items li.

Input:

* Test
    * Test

Output:

<ul>
    <li>Test</li>
    <ul>
        <li>Test</li>
    </ul>
</ul>

I am not sure whether this is an issue with @strapi/blocks-react-renderer or strapi itself though. Let me know if I should raise the issue with strapi.

To Reproduce

Create a nested list in the blocks-editor in Strapi and render it with the blocks-react-renderer.

Expected Behaviour

The list should be wrapped inside a list-item:

<ul>
    <li>Test</li>
    <li>
        <ul>
            <li>Test</li>
        </ul>
    </li>
</ul>