[Radaka]

3 dni temu miałem problem z wysokością iframe w zależności od zawartości, rozwiązaniem był https://www.npmjs.com/package/iframe-resizer, jednak w pewnych specyficznych przypadkach źle obliczał wysokość, gdyby ktoś miał podobny problem to najprostsze rozwiązanie


import Vue from 'vue'

Vue.directive('resize', {
inserted: el => {
setTimeout(() => {
const body = el.contentWindow.document.querySelector('body')
const html = el.contentWindow.document.documentElement
const height = Math.max(
body.scrollHeight,
body.offsetHeight,
html.clientHeight,
html.scrollHeight,
html.offsetHeight
)
el.style.height = ${height}px
}, 100)
}
})

#vue #javascript #frontend #css #html5masterrace