Block overlap after activating Advanced block

  • Resolved maryb1

    (@maryb1)


    5 years, 6 months ago

    Hello,

    After I activate this plugin, gutenberg blocks start to overlap like this: https://ibb.co/SQz6NTr

    With two headings like in the image above, it’s not too bad, but when it’s a heading and a separator, it is hard to select either to edit them. Have you seen this issue before? As soon as I deactivate the plugin, it is back to normal.

    Thanks!

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author htmgarcia

    (@htmgarcia)

    5 years, 6 months ago

    Hi @maryb1,
    may you share the HTML from he Code editor view while editing the page/post?

    Thread Starter maryb1

    (@maryb1)

    5 years, 5 months ago

    This happens in all pages and posts when the plugin is activated. Here is a sample of the code in a page where a heading and a paragraph block are overlapping in the editor : https://ibb.co/F7Tm9wr

    Thanks!

    Plugin Author htmgarcia

    (@htmgarcia)

    5 years, 5 months ago

    Sorry for being a pain. May we have the HTML from the Code editor view while editing the page/post? A screenshot from source code is not enough, I’m afraid.

    Also mention the theme you’re using.

    Thread Starter maryb1

    (@maryb1)

    5 years, 5 months ago

    The theme is Enfold (but I’m not using their builder)

    Here is the code from a page (take from the Code editor view):

    <!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":75} -->
<div class="wp-block-column" style="flex-basis:75%"><!-- wp:separator -->
<hr class="wp-block-separator"/>
<!-- /wp:separator -->

<!-- wp:heading -->
<h2>Reduce water wastage at home</h2>
<!-- /wp:heading -->

<!-- wp:spacer {"height":20} -->
<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:paragraph -->
<p>Did you know that the use of toilets is the largest source of water consumption in your home (24%), followed by showers (20%), faucets (19%), washing machines (17%) and leaks (12%)?&nbsp; Water wastage at home can be avoided by repairing leaks, changing habits and choosing water-saving equipment models when replacing them.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Visit&nbsp;<em>Mon empreinte bleue</em>&nbsp;to&nbsp;<a rel="noreferrer noopener" href="https://www.mamh.gouv.qc.ca/infrastructures/campagne-mon-empreinte-bleue/quiz/questionnaire/" target="_blank">calculate your water consumption [icon name="external-link-alt"]</a>&nbsp;and&nbsp;<a rel="noreferrer noopener" href="https://www.mamh.gouv.qc.ca/infrastructures/campagne-mon-empreinte-bleue/trucs-et-astuces/" target="_blank">discover tips and tricks to reduce it [icon name="external-link-alt"]</a>. You’ll both save money and help the environment!</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"width":25} -->
<div class="wp-block-column" style="flex-basis:25%"><!-- wp:separator {"className":"is-style-default"} -->
<hr class="wp-block-separator is-style-default"/>
<!-- /wp:separator -->

<!-- wp:heading {"level":4} -->
<h4>Related content</h4>
<!-- /wp:heading -->

<!-- wp:list {"className":"related_content"} -->
<ul class="related_content"><li><a href="https://www.mamh.gouv.qc.ca/infrastructures/campagne-mon-empreinte-bleue/" target="_blank" rel="noreferrer noopener" aria-label="Mon empreinte bleue [icon name=&quot;external-link-alt&quot;] (opens in a new tab)">Mon empreinte bleue [icon name="external-link-alt"]</a></li></ul>
<!-- /wp:list --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->
    • This reply was modified 5 years, 5 months ago by maryb1.
    Plugin Author htmgarcia

    (@htmgarcia)

    5 years, 5 months ago

    Thanks. This is how looks in my end in admin and front.
    https://ibb.co/C2tSmHq
    https://ibb.co/gTHZQm5

    Probably the CSS from other plugin or theme could be interfering with the result in your end? Just a guess.

    Thread Starter maryb1

    (@maryb1)

    5 years, 5 months ago

    Yes, I’m guessing, it’s just that the problem shows up only when I activate your plugin. So I guess I will deactivate it for now and do more tests at a later date. Thanks!

    Plugin Author htmgarcia

    (@htmgarcia)

    5 years, 5 months ago

    We don’t have other reports about this case.

    Let us know how things goes.
    ___
    Regards

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Block overlap after activating Advanced block’ is closed to new replies.