Page List inside Navigation missing ‘li’

  • If the Navigation block has a Page List block inside, it is missing the <li> that should wrap it.

    <ul class="wp-block-navigation__container is-responsive items-justified-right wp-block-navigation">
        <ul class="wp-block-page-list">...
Viewing 1 replies (of 1 total)

  • Hello There ,

    Thank you for bringing this issue to my attention. I understand that the Page List block inside your Navigation block is missing the elements that should wrap it. This is a critical issue because the correct semantic structure is essential for accessibility and proper rendering of your navigation menu.

    <ul class=”wp-block-navigation__container is-responsive items-justified-right wp-block-navigation”>
    <ul class=”wp-block-page-list”>…

    In this structure, the nested <ul class="wp-block-page-list"> should be wrapped in an <li> element to maintain the correct HTML hierarchy.

    Fix: To resolve this issue, the Page List block should be nested inside an <li> tag. Here’s how the corrected HTML structure should look: 

    <ul class="wp-block-navigation__container is-responsive items-justified-right wp-block-navigation">
        <li>
            <ul class="wp-block-page-list">
                <!-- Page list items go here -->
            </ul>
        </li>
    </ul>

    Best regards,

    MD Mostofa Kamal

Viewing 1 replies (of 1 total)
  • You must be logged in to reply to this topic.