Shadow are cut outside the iframe on the embed

[metmarkosaric]

Past Issues Searched

• I have searched open and closed issues to make sure that the bug has not yet been reported

Issue is a Bug Report

• This is a bug report and not a feature request, nor asking for self-hosted support

Using official Plausible Cloud hosting or self-hosting?

Plausible Cloud from plausible.io

Describe the bug

"I've been playing with embeding an iframe into a cms and shadow are cut outside the iframe which creates some nasty effect on some inputs and blocks"

Expected behavior

"From what I can see (I'm a webdev), there a two ways to fix this problem :

• Adding a 25px (larger shadow offset) padding to the left and the right of the content. For exemple, adding the style "padding: 0px 25px;" on the body fixes the problem. Of course that should be done on embedded views only.

• Replacing shadow with borders on borders. That would of course change the style a little but since borders don't overflow, there would be no problem."

Screenshots

No response

Environment

- OS:
- Browser:
- Browser Version:

[stevenart]

Hi.

Some more information (I reported the bug to @metmarkosaric):

• An example wan be found here : https://jsfiddle.net/hvzonamu/
• Screenshots attached.
• As far as I can tell, the "bug" is browser-agnostic and os-agnostic since it is really the "normal" behavior of an iframe.