• Hello,

    Since WP 6.2.2 (which fixes 6.2.1’s issue with disabled block template shortcodes), if and only if I use a shortcode inside a block template, its generated html markup gets messed up with extra <p> elements.

    EXAMPLE

    Block template

    <!-- wp:shortcode -->
    [test]
    <!-- /wp:shortcode -->

    Shortcode

    add_shortcode('test', function() {
      return '<ul>
                <li>
                  <a href="#">
                    <div class="card">
                      <div><h4>Test</h4></div>
                      <div><p>Test</p></div>
                    </div>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <div class="card">
                      <div><h4>Test</h4></div>
                      <div><p>Test</p></div>
                    </div>
                  </a>
                </li>
              </ul>';
    });

    Result in page’s generated DOM

    <ul>
      <li>
        <a href="#"></p>
          <div class="card">
            <div>
              <h4>Test</h4>
            </div>
            <div>
              <p>Test</p>
            </div>
          </div>
          <p>
        </a>
      </li>
      <li>
        <a href="#"></p>
          <div class="card">
            <div>
              <h4>Test</h4>
            </div>
            <div>
              <p>Test</p>
            </div>
          </div>
          <p>
        </a>
      </li>
    </ul>

    This doesn’t happen if I add the same shortcode inside a page’s content (through the Pages editor).

Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
  • The topic ‘WP 6.2.2 – Shortcode generated html gets messed up with extra p tags’ is closed to new replies.