Add check for user set iframe title #1255

example/html/index.html

@@ -32,6 +32,7 @@ <h2>Automagically resizing iFrame</h2>
         src="../child/frame.content.html"
         width="100%"
         scrolling="no"
+        title="iframe-resizer content examples"
       ></iframe>
     </div>
     <p id="callback"></p>

packages/core/index.js

@@ -481,7 +481,7 @@ See <u>https://iframe-resizer.com/setup/#child-page-setup</> for more details.
   }
 
   function setTitle(title, iframeId) {
-    if (!settings[iframeId]) return
+    if (!settings[iframeId]?.syncTitle) return
     settings[iframeId].iframe.title = title
     log(iframeId, `Set title attribute to: ${title}`)
   }
@@ -1045,6 +1045,11 @@ The <b>sizeWidth</>, <b>sizeHeight</> and <b>autoResize</> options have been rep
       settings[iframeId].postMessageTarget = iframe.contentWindow
   }
 
+  function chkTitle(iframeId) {
+    const { title } = document.getElementById(iframeId)
+    return title === ''
+  }
+
   function processOptions(options) {
     settings[iframeId] = {
       iframe,
@@ -1053,6 +1058,7 @@ The <b>sizeWidth</>, <b>sizeHeight</> and <b>autoResize</> options have been rep
       ...defaults,
       ...checkOptions(options),
       mode: setMode(options),
+      syncTitle: chkTitle(iframeId),
     }
 
     setDirection()