CSS issue since 2.0.51.1

  • gorky5

    (@gorky5)


    2 months ago

    Hi. There’s a CSS bug which has been present since 2.0.51.1. I’ve tried updating a few times since then, and always have to rollback. I only use the classic editor, so I’m not sure if it’s also an issue with Gutenberg. I’ve also checked it on several websites running the classic editor with different themes, and the same issue happens each time.

    Here’s how it looks in 2.0.51.1 and prior versions:

    After updating it creates two errors:?the expand-table button drops down to the next line, and there’s a large amount of white space to the left of the table:

    It looks like it’s related to the following css:

    .ez-toc-wrap-right {
    margin: 0 0 1em auto !important;
    }

    Adding float: right; to that fixes the white space, although the expand-table toggle is still on the line below.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support Akshay A

    (@akshaycode1)

    Hi,

    Thank you for reaching out to us. Could you please share the URL where you need assistance so we can take a look?

    Thread Starter gorky5

    (@gorky5)

    This page has the latest version of the plugin. It shows the collapse/expand toggle below Contents. However, as mentioned before I fixed the white space by adding float: right; to .ez-toc-wrap-right in my site’s CSS (though it’d be useful to all if this could be fixed in a future version of the plugin).

    Plugin Support Akshay A

    (@akshaycode1)

    Hi, we are trying to recreate this issue. It seems to be related to a theme conflict. Could you please share some details, such as the theme you are using? Kindly provide a reference or link as well, so we can check.

    Thread Starter gorky5

    (@gorky5)

    Yes, I’ve tried it with Astra, and every default WP theme from Twenty Twenty to Twenty Twenty-Four. I’ve disabled every single plugin apart from this one, and I see the whitespace every time. I was wrong about the expand toggle though – that seems to have been a conflict with something else.

    I’ve tried it with the shortcodes [toc] and [ez-toc], and by the various insertion methods at the bottom of the page.

    Here’s a sample page on a dev site, with the Twenty Twenty-Four theme, and no plugins apart from EZ TOC, Classic Editor, and Password Protected (which isn’t making a difference here). The temporary password is eztoc.

    The page is a bit of a mess but you can see the TOC, which has been added using the “After first paragraph” option, and alignment: None (default) in the dropdown (other alignments didn’t make a difference). I’ve also tried inserting it via shortcodes and the whitespace is always there. Rolling back to 2.0.51.1 is the only way I’ve managed to fix this. I’ve tested it on three different sites now, with the same result each time.

    I haven’t tried inserting it with the Gutenberg block editor, because I have no use for that. I did temporarily disable the Classic Editor plugin, which didn’t make a difference to the front end.

    • This reply was modified 2 months ago by gorky5.
    Plugin Support Akshay A

    (@akshaycode1)

    Hi, Thank you for sharing this. We are currently checking this concern and will provide you an update shortly. We kindly request your patience in the meantime.

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