Pro 6.0 Beta 2: responsive Aspect Ratio bug

I’ve noticed a bug with the Aspect Ratio control when trying to adjust and work with responsive options.

I set a different aspect ratio for a smaller breakpoint, and then try to revert it back to the base level, which resets the first number, but leaves the second number as it was.

Cheers!

Just to note that this bug is present in Pro 5.x as well, and still persists in the latest Beta of Pro 6

Good find, @arthurodb! Likely hasn’t been mentioned before because changing the aspect ratio for things like videos is likely very rare, but I have noted this and we will look into it!

Indeed! In fact the only reason I noticed it was through thinking a video would look nice in a 3:2 format on small screen sizes, realising the video itself defaulted to contain within the frame, and giving up to set it back to the default.

Further testing, I added some custom CSS to make the the video element object-fit: cover instead, which solved the issue, but actually leads me to another thought: would it be possible to add an Object-Fit control to the Video element?

@arthurodb, I have included options for object-fit and object-position on the Video Element. These are only available when using a self-hosted video, as these properties can not be applied to an iframe or something provided as an embed from a service like YouTube for example. But this will give self-hosted videos an extra bit of flexibility that is certainly helpful in some contexts.

Cheers!

1 Like

That’s perfect! Thanks @kory

Restriction to self-hosted is totally understandable. The use cases I can think of would be for decorative video elements and other such things, where they will generally be self-hosted and having controller access to the object-fit and -position is ideal!

Absolutely…this will enable users to build their own “hero backgrounds” using self-hosted + something like the Div Element and have greater creative control over the final output. Cheers!