Newsletters archivées lisibles en mobile (iframe srcdoc) + fix couleur du bouton de recherche sur iOS

js/newsletterFrame.js

@@ -0,0 +1,64 @@
+/**
+ * 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
+            );
+        });
+    });
+})();