eliott/ladybird
1
0
Fork 0
mirror of https://github.com/LadybirdBrowser/ladybird synced 2026-04-27 02:05:07 +02:00
Code Issues Packages Projects Releases Wiki Activity

LibWeb: Only reload iframe on src/srcdoc attribute changes, not all

Browse Source 
Fixes Cloudflare Turnstile suddenly going blank and stopping when it
changes the style attribute after doing some setup on the iframe.
This commit is contained in:
Luke Wilde
2024-01-01 16:31:14 +00:00
committed by Andreas Kling
parent 6eeda29642
commit 5af058d2b6
Notes: sideshowbarker 2024-07-17 02:28:18 +09:00 
Author: https://github.com/Lubrsi
Commit: https://github.com/SerenityOS/serenity/commit/5af058d2b6
Pull-request: https://github.com/SerenityOS/serenity/pull/22529
3 changed files with 118 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

97
Tests/LibWeb/Text/input/HTML/iframe-reload-on-src-or-srcdoc-change.html Normal file
View File

@@ -0,0 +1,97 @@
<iframe id="test-iframe"></iframe>
<script src="../include.js"></script>
<script>
asyncTest((done) => {
window.addEventListener("message", (e) => {
println(e.data);
if (e.data === "DONE")
done();
});
let testCount = 1;
function createTest(asBlob, final = false) {
let html = `
&lt;script&gt;
parent.postMessage(${testCount++}, "*");
${final ? "parent.postMessage('DONE', '*')" : ""}
&lt;/script&gt;
`;
html = html.replaceAll("&lt;", "<").replaceAll("&gt;", ">");
return asBlob
? URL.createObjectURL(new Blob([html], { type: "text/html" }))
: html;
}
// https://html.spec.whatwg.org/multipage/iframe-embed-object.html#the-iframe-element:process-the-iframe-attributes-2
// https://html.spec.whatwg.org/multipage/iframe-embed-object.html#the-iframe-element:process-the-iframe-attributes-3
// Whenever an iframe element with a non-null content navigable has its srcdoc attribute set, changed, or removed,
// the user agent must process the iframe attributes.
// Similarly, whenever an iframe element with a non-null content navigable but with no srcdoc attribute specified
// has its src attribute set, changed, or removed, the user agent must process the iframe attributes.
const firstSrcdoc = createTest(false);
const testIframe = document.getElementById("test-iframe");
testIframe.addEventListener("load", () => {
switch (testCount)
{
case 2:
// Change srcdoc.
testIframe.srcdoc = createTest(false);
break;
case 3:
// Remove srcdoc.
testIframe.removeAttribute("srcdoc");
testCount++;
// FIXME: Do this in test case 4. However, it does not work currently as the navigation to
// about:blank following srcdoc does not fire a load event.
// Set src.
testIframe.src = createTest(true);
break;
case 5:
// Change src.
testIframe.src = createTest(true);
break;
case 6:
// srcdoc takes priority.
testIframe.srcdoc = createTest(false);
break;
case 7:
// Changing src has no effect when srcdoc is specified.
testIframe.src = createTest(true);
setTimeout(() => {
testIframe.srcdoc = createTest(false);
}, 0)
break;
case 9:
// Removing src has no effect when srcdoc is specified.
testIframe.removeAttribute("src");
setTimeout(() => {
testIframe.srcdoc = createTest(false);
}, 0);
break;
case 10:
// Setting src has no effect when srcdoc is specified.
testIframe.src = createTest(true);
setTimeout(() => {
testIframe.srcdoc = createTest(false);
}, 0);
break;
case 12:
// Changing any other attributes doesn't cause a reload.
testIframe.setAttribute("data-hello", "world");
setTimeout(() => {
testIframe.srcdoc = createTest(false, true);
}, 0);
break;
default:
break;
}
});
// Set srcdoc.
testIframe.srcdoc = firstSrcdoc;
});
</script>