itsscb/htmx
1
0
Fork 0
mirror of https://github.com/bigskysoftware/htmx.git synced 2025-10-03 15:55:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

firefox fixes

Browse Source
This commit is contained in:
Carson Gross 2024-01-25 18:03:55 -07:00
parent e1d92a47d7
commit 2b17cef955
1 changed files with 37 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
src/htmx.js
View File

@ -289,6 +289,37 @@ var htmx = (function() {
} }
} }
// we have to make new copies of script tags that we are going to insert because
// SOME browsers (not saying who, but it involves an element and an animal) don't
// execute scripts created in <template> tags when they are inserted into the DOM
// and all the others do lmao
function normaliseScriptTags(fragment) {
Array.from(fragment.querySelectorAll('script')).forEach((script) => {
if (script.type === 'text/javascript' || script.type === 'module' || script.type === '') {
const newScript = getDocument().createElement('script')
forEach(script.attributes, function (attr) {
newScript.setAttribute(attr.name, attr.value)
})
newScript.textContent = script.textContent
newScript.async = false
if (htmx.config.inlineScriptNonce) {
newScript.nonce = htmx.config.inlineScriptNonce
}
const parent = script.parentNode
try {
parent.insertBefore(newScript, script)
} catch (e) {
logError(e)
} finally {
// remove old script element, but only if it is still in DOM
if (script.parentElement) {
script.remove()
}
}
}
});
}
/** /**
* @param {string} response HTML * @param {string} response HTML
* @returns {DocumentFragment & {title: string, head:Element}} a document fragment representing the response HTML, including * @returns {DocumentFragment & {title: string, head:Element}} a document fragment representing the response HTML, including
@ -316,25 +347,22 @@ var htmx = (function() {
fragment.title = doc.title fragment.title = doc.title
} else { } else {
// otherwise we have non-body content, so wrap it in a template and insert the head before the content // otherwise we have non-body content, so wrap it in a template and insert the head before the content
const doc = parseHTML(head + '<body><template>' + responseWithNoHead + '</template></body>') const doc = parseHTML(head + '<body><template class="internal-htmx-wrapper">' + responseWithNoHead + '</template></body>')
fragment = doc.querySelector('template').content fragment = doc.querySelector('template').content
// extract head into fragment for later processing // extract head into fragment for later processing
fragment.head = doc.head fragment.head = doc.head
fragment.title = doc.title fragment.title = doc.title
// for legacy reasons we support a title tag at the root level of non-body responses, so we need to handle it // for legacy reasons we support a title tag at the root level of non-body responses, so we need to handle it
var rootTitleElt = fragment.querySelector(':scope title') var titleElement = fragment.querySelector('title')
if (rootTitleElt) { if (titleElement && titleElement.parentNode === fragment) {
rootTitleElt.remove() titleElement.remove()
fragment.title = rootTitleElt.innerText fragment.title = titleElement.innerText
} }
} }
if (fragment) { if (fragment) {
if (htmx.config.allowScriptTags) { if (htmx.config.allowScriptTags) {
// if there is a nonce set up, set it on the new script tags normaliseScriptTags(fragment);
if (htmx.config.inlineScriptNonce) {
fragment.querySelectorAll('script').forEach((script) => script.nonce = htmx.config.inlineScriptNonce)
}
} else { } else {
// remove all script tags if scripts are disabled // remove all script tags if scripts are disabled
fragment.querySelectorAll('script').forEach((script) => script.remove()) fragment.querySelectorAll('script').forEach((script) => script.remove())