mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-12-25 11:55:03 +03:00
🐛 Fixed Spotify and Soundcloud embeds having overly long containers in editor
closes https://github.com/TryGhost/Team/issues/871 - when determining the size of the iframe containing a nested iframe in the embed card we were incorrectly treating a `100%` width attribute as a `100px` attribute and ending up with a completely incorrect ratio calculation - added a conditional to ignore %-width attributes when calculating a ratio for a nested iframe - if we have a nested iframe with a %-width but a fixed height, use that fixed height for the outer container iframe
This commit is contained in:
parent
b81f5fa340
commit
99e2db76dc
@ -316,21 +316,32 @@ export default Component.extend({
|
||||
iframe.style.height = null;
|
||||
|
||||
// get ratio from nested iframe if present (eg, Vimeo)
|
||||
let firstElement = iframe.contentDocument.body.firstChild;
|
||||
const firstElement = iframe.contentDocument.body.firstChild;
|
||||
if (firstElement.tagName === 'IFRAME') {
|
||||
let width = parseInt(firstElement.getAttribute('width'));
|
||||
let height = parseInt(firstElement.getAttribute('height'));
|
||||
const widthAttr = firstElement.getAttribute('width');
|
||||
|
||||
if (widthAttr.indexOf('%') === -1) {
|
||||
const width = parseInt(firstElement.getAttribute('width'));
|
||||
const height = parseInt(firstElement.getAttribute('height'));
|
||||
if (width && height) {
|
||||
let ratio = width / height;
|
||||
let newHeight = iframe.offsetWidth / ratio;
|
||||
const ratio = width / height;
|
||||
const newHeight = iframe.offsetWidth / ratio;
|
||||
firstElement.style.height = `${newHeight}px`;
|
||||
iframe.style.height = `${newHeight}px`;
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
const heightAttr = firstElement.getAttribute('height');
|
||||
if (heightAttr.indexOf('%') === -1) {
|
||||
const height = parseInt(firstElement.getAttribute('height'));
|
||||
iframe.style.height = `${height}px`;
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
// otherwise use iframes internal height (eg, Instagram)
|
||||
let height = iframe.contentDocument.scrollingElement.scrollHeight;
|
||||
const height = iframe.contentDocument.scrollingElement.scrollHeight;
|
||||
iframe.style.height = `${height}px`;
|
||||
},
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user