diff --git a/.changeset/fuzzy-stingrays-begin.md b/.changeset/fuzzy-stingrays-begin.md new file mode 100644 index 000000000..12c13b622 --- /dev/null +++ b/.changeset/fuzzy-stingrays-begin.md @@ -0,0 +1,5 @@ +--- +"@cloudfour/patterns": patch +--- + +Bugfix: Prevent Embed videos from clipping in Safari diff --git a/src/mixins/_ratio-box.scss b/src/mixins/_ratio-box.scss index 178817692..cd574340a 100644 --- a/src/mixins/_ratio-box.scss +++ b/src/mixins/_ratio-box.scss @@ -39,9 +39,13 @@ $aspect-ratio-map: meta.module-variables('aspect-ratio'); inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; + position: absolute; + } + + > img, + > picture > img { object-fit: cover; object-position: center; - position: absolute; } }