Shadow are cut outside the iframe on the embed #1954

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: