Wrong video size in the editor. How can I sole? (Gutenberg)

  • Introduction:

    Since the year 2019 I’m looking for a fix, a solution about broken Gutenberg editor but seems no support are provide for this WordPress component as there is no support on GitHub and no support on Gutenberg WordPress forum too.. so I try to post a request in this section in the case someone can help me to figure out.

    The issue:
    Gutenberg editor show video cutted. See the screenshot
    The previous classic editor never had this issue. See the screenshot

    If I look into browser developer tools, the issue seems be caused by this Gutenberg core CSS:

    .block-editor__container iframe {
    width: 100%;
}

    If I uncheck the width row in the browser editor, the video are showed correctly of full size also in the editor, not only when the article or the page is public.

    Now the problem is, how I can fix this?
    I cannot add a CSS to the admin WordPress area because I don’t think I can disable that CSS, even try to set a different value never resolve the issue.

    How can I fix this issue that is showing wrongly video when I’m in the editor?

    Please, try to understand I’m trying to resolve this issue since 2019, we are on 2022 and I was not able to get support and get a solution for this.

    No replies on GitHub and also the Gutenberg editor support page has no support team that reply. Now I renewed my WordPress website and I want leave again the new editor. I need resolve this bad visual video issue.

    Thanks.

    • This topic was modified 2 years, 7 months ago by peopleinside.
Viewing 6 replies - 1 through 6 (of 6 total)

  • Hi @peopleinside ,

    Are you using a custom theme? If yes, could you please switch to one of the WordPress Core themes like Twenty Twenty-One or Twenty Twenty-Two and check if you are able to reproduce this issue? If you are unable to reproduce the issue in one of the core themes, the issue is most likely being caused by the custom theme’s custom CSS.

    Thread Starter peopleinside

    (@peopleinside)

    @kaavyaiyer this issue is present with more than one theme.
    I had this issue on 2019 with Customizr theme, now I’m using a completely different theme but the issue still exist.

    The issue is in the admin side, not in the front end.
    the issue is when I use WordPress editor.

    Thanks anyway for your reply but this is never helping me.
    How this issue in WordPress editor can be caused by the front theme and in more of one theme, completely different developers?!

    Update: I tested with the core theme like Twenty Twenty-One and the issue is the same, present!

    • This reply was modified 2 years, 7 months ago by peopleinside.

    Hi @peopleinside ,

    How this issue in WordPress editor can be caused by the front theme and in more of one theme, completely different developers?

    Gutenberg allows the front-end styles to be loaded in the Gutenberg editor as well.

    It can also be due to a conflict with a plugin.

    Please follow the steps:

    1. De-activate all the plugins
    2. Switch to one of the WordPress Core themes such as Twenty Twenty-One :
    https://www.ads-software.com/themes/twentytwentyone/

    Now, see if you are still able to reproduce the issue.

    Thread Starter peopleinside

    (@peopleinside)

    @kaavyaiyer first, nice to meet you.
    You are kind to reply to me and reply again, thank you!
    Hope you are well.

    The issue seems to be caused by the Advanced Editor Tools (previously TinyMCE Advanced)

    Hi @peopleinside,

    You’re welcome! I am very well, thank you. I hope you are doing well too.

    It’s awesome that you were able to figure out that Advanced Editor Tools (previously TinyMCE Advanced) plugin is causing the issue. So, it is safe to say that Gutenberg is not the root cause.

    I would suggest you to reach out to the plugin author/developers for help by raising a ticket at Advanced Editor Tools (previously TinyMCE Advanced) Support

    I hope this helps!

    Thread Starter peopleinside

    (@peopleinside)

    @kaavyaiyer you seems nice ?? I’m lucky to read you and have a little bit conversation here with you. Thanks.

    Unfortunately the issue is not maybe only Gutenberg or is not only Advanced Editor Tools (previously TinyMCE Advanced).

    The plugin Advanced Editor Tools (previously TinyMCE Advanced) has not this issue if Gutenberg is disabled, it’s also a plugin that seems to be abandoned: no replies to support topics and no update since a year.

    I tried to search another plugin alternative but seems never exist… so I cannot unistall or stop to using Advanced Editor Tools (previously TinyMCE Advanced).

    Seems I will be not able to resolve.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Wrong video size in the editor. How can I sole? (Gutenberg)’ is closed to new replies.