coreh/IFRAME-BLOCKING-TEST.md

## a.html
<iframe src="http://127.0.0.1:5001/b.html" sandbox="allow-scripts"></iframe>
<button onclick="this.innerText = 'Clicked'">Click me</button>

## b.html
<script>
  while (true) {}
</script>

## IFRAME-BLOCKING-TEST.md

      
    Raw
  

              IFRAME-BLOCKING-TEST.md
            
          
    What this is?

This is a simple experiment to verify if browsers will block/hang execution in a page when a child iframe (of a different origin) has a running script blocked in an infinite loop.
As of Nov 4, 2021, Chrome/Edge won't block the parent page, but Firefox and Safari will.
Instructions

You'll need Node and NPM for this.
Download/clone this gist.
On one terminal window, from within this folder, run:
npx serve -p 5002
On another terminal window, from within this folder, run:
npx serve -p 5001
Open on the browser: http://localhost:5002/a.html
Verify if the parent page can be interacted with, by clicking on the button.
If button text changes to "Clicked" execution is not blocked, if nothing happens execution is blocked.
	<iframe src="http://127.0.0.1:5001/b.html" sandbox="allow-scripts"></iframe>
	<button onclick="this.innerText = 'Clicked'">Click me</button>