Video aspect-ratio breaks its button

Hi,

I understand you have an issue with the video widget after the latest update. Before we proceed further, can you please do the following troubleshooting steps:

1. Make sure you have a complete backup. See here: https://elementor.com/blog/backup-wordpress/
2. Regenerate the CSS via Elementor > Tools > Regenerate CSS on your WordPress Dashboard.
3. Clear all cache: your browser’s cache, other plugins’ cache, and server cache (if possible).
4. If the issue persists, deactivate all plugins apart from Elementor. If this helps, reactivate them one by one to find the culprit.
5. If this doesn’t help, switch your theme (temporarily) to the Hello Theme and see if it makes any difference.

@alekspr
Thanks for answering me,
You should know the fact I am developer too so I’ve already checked where the issues comes from and you understand it by checking the screenshot -> https://prnt.sc/rz6bMzElr6wV. It means that it is an issue independently on css regeneration of plugins/theme activated.

Previously, you made just adding a prefix class and all other changes were made in your CSS but now you apply the 16/9 property just for video wrapper (but there is also button for the lightbox which creates issues I described)

So, I think your idea about checking if the issue is with default theme and no plugins does not need to be checked and making those steps are just time-wasting for both of us.

Waiting for checking my question by your developers and fixing this bug.

More details about your “tweak” implemented -> https://developer.mozilla.org/en-US/docs/Web/CSS/aspect-ratio

Kind regards, @stas0238

@alekspr 

As I told you before but now with more details below

https://gyazo.com/267c27fdee7cf4293514cda57985b553 (much "better" looking with Hello Elementor theme.



== Server Environment ==
Operating System: Darwin
Software: nginx/1.16.0
MySQL version: MySQL Community Server - GPL v8.0.16
PHP Version: 7.3.5
PHP Memory Limit: 256M
PHP Max Input Vars: 4000
PHP Max Post Size: 1000M
GD Installed: Yes
ZIP Installed: Yes
Write Permissions: All right
Elementor Library: Connected

== WordPress Environment ==
Version: 6.3-alpha-55617
Site URL: https://elementor.local
Home URL: https://elementor.local
WP Multisite: No
Max Upload Size: 300 MB
Memory limit: 25600M
Max Memory limit: 256M
Permalink Structure: /%year%/%monthnum%/%day%/%postname%/
Language: en-US
Timezone: 0
Admin Email: [email protected]
Debug Mode: Active

== Theme ==
Name: Hello Elementor
Version: 2.7.1
Author: Elementor Team
Child Theme: No

== User ==
Role: administrator
WP Profile lang: en_US
User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/111.0.0.0 Safari/537.36

== Active Plugins ==
Elementor
Version: 3.12.1
Author: Elementor.com

== Elementor Experiments ==
Optimized DOM Output: Active by default
Improved Asset Loading: Active by default
Improved CSS Loading: Active by default
Inline Font Icons: Inactive by default
Accessibility Improvements: Active by default
Additional Custom Breakpoints: Active by default
admin_menu_rearrangement: Inactive by default
Flexbox Container: Inactive by default
Upgrade Swiper Library: Inactive by default
Hello Theme Header & Footer: Active by default
Editor Top Bar: Active
Landing Pages: Active by default
Nested Elements: Inactive by default
Lazy Load Background Images: Inactive by default

== Log ==

== Elementor - Compatibility Tag ==

Hi,

Apologies for not answering you sooner, and thanks for your detailed answer.

As it seems that you’ve already found the potential cause of the issue, I will please advise you to report this directly to our developers on our GitHub channel, as they’ll be able to respond to you there with a potential fix or an update in case this is a bug from our end.

https://github.com/elementor/elementor

Alex

Hello @alekspr and thanks for directing me to the right place for submitting this bug.
As this issue is not ‘resolved’ yet and you support the idea it is a possible bug I should remark this topic to ‘not resolved’ as it is in process state now.
Thanks for understanding !