65 lines
2.2 KiB
JavaScript
65 lines
2.2 KiB
JavaScript
/**
|
|
* Newsletters archivées : la <iframe srcdoc> qui rend le document email
|
|
* (single.twig, posts de catégorie « newsletter ») n'a pas de hauteur
|
|
* intrinsèque. On l'ajuste au contenu réel et on ré-ajuste sur resize, au
|
|
* chargement des images et sur tout reflow interne (ResizeObserver).
|
|
*/
|
|
(function () {
|
|
'use strict';
|
|
|
|
function resize(frame) {
|
|
try {
|
|
var doc = frame.contentDocument || frame.contentWindow.document;
|
|
if (!doc || !doc.body) return;
|
|
var h = Math.max(
|
|
doc.body.scrollHeight, doc.documentElement.scrollHeight,
|
|
doc.body.offsetHeight, doc.documentElement.offsetHeight
|
|
);
|
|
frame.style.height = h + 'px';
|
|
} catch (e) { /* cross-origin impossible : srcdoc est same-origin */ }
|
|
}
|
|
|
|
function setup(frame) {
|
|
var run = function () { resize(frame); };
|
|
|
|
frame.addEventListener('load', function () {
|
|
run();
|
|
try {
|
|
var win = frame.contentWindow;
|
|
var doc = frame.contentDocument;
|
|
// Le reflow d'images en cours de chargement change la hauteur.
|
|
Array.prototype.forEach.call(doc.images, function (img) {
|
|
if (!img.complete) { img.addEventListener('load', run); }
|
|
});
|
|
if (win.ResizeObserver && doc.body) {
|
|
new win.ResizeObserver(run).observe(doc.body);
|
|
}
|
|
} catch (e) { /* no-op */ }
|
|
});
|
|
|
|
// srcdoc peut déjà être chargé si le script tourne tard.
|
|
run();
|
|
}
|
|
|
|
function init() {
|
|
var frames = document.querySelectorAll('.newsletter-frame');
|
|
Array.prototype.forEach.call(frames, setup);
|
|
}
|
|
|
|
if (document.readyState === 'loading') {
|
|
document.addEventListener('DOMContentLoaded', init);
|
|
} else {
|
|
init();
|
|
}
|
|
|
|
var raf;
|
|
window.addEventListener('resize', function () {
|
|
if (raf) { cancelAnimationFrame(raf); }
|
|
raf = requestAnimationFrame(function () {
|
|
Array.prototype.forEach.call(
|
|
document.querySelectorAll('.newsletter-frame'), resize
|
|
);
|
|
});
|
|
});
|
|
})();
|