Specifying `overflow: visible` on img, video and canvas tags may cause them to produce visual content outside of the element bounds

[oriol]

Hi, I’m checking this site:

Affordable Logo Design & Graphic Design – Logoglo

In google page speed, and its giving me this error:

Specifying overflow: visible on img, video and canvas tags may cause them to produce visual content outside of the element bounds. See https://github.com/WICG/shared-element-transitions/blob/main/debugging_overflow_on_images.md.

Any ideas?

I saw this could be a fix: https://community.shopify.com/c/site-speed/fix-best-practices/m-p/2018763

I tried it, but it doesn’t seam to work?

Any help is appreciated.

[ruenel]

Hello @Oriol,

Please check your image, video, and canvas containers. Normally, it is a DIV element where you can specify the overflow.

Best Regards.

[oriol]

Thanks! will do.

[oriol]

That fixed it, but when you add a Div, its automatically set to visible, might want to change this to hidden to comply with google?

[christian]

Hey @oriol,

Thank you for your feedback. This is noted.