summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/html/semantics/embedded-content/the-img-element/image-loading-lazy-subframe-detached-crash.html
blob: 86a290d50db16d9f19d08bb8a9ad07b0aa52f66d (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!doctype html>
<html class="test-wait">
<title>Crash when detaching a frame during a lazy-load operation</title>
<link rel="author" href="mailto:emilio@crisal.io" title="Emilio Cobos Álvarez">
<link rel="author" href="https://mozilla.org" title="Mozilla">
<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1619858">
<iframe srcdoc=""></iframe>
<script>
onload = function() {
  let frame = document.querySelector("iframe");
  frame.contentDocument.body.innerHTML = `
    <div style="height: 300vh"></div>
    <img loading="lazy" src="/images/blue96x96.png" width=96 height=96>
  `;
  let img = frame.contentDocument.querySelector("img");
  new IntersectionObserver(() => {
    frame.remove();
    requestAnimationFrame(function() {
      requestAnimationFrame(function() {
        document.documentElement.className = "";
      });
    });
  }).observe(img);
  frame.contentWindow.scrollTo(0, img.getBoundingClientRect().top);
};
</script>