sefeng211/testcase-fullscreen.html

## testcase-fullscreen.html
<!DOCTYPE html>
<html>

<head>
<style>
body {
     height: 10000px;
     margin: 0;
 }

 div {
    position: absolute;
    border: 2px solid red;
    top: 200px;
    width: 100vw;
    background-color: white;
 }

</style>
</head>

  <body>
    <div>
      <p> this is a dialog</p>
    </div>

  </body>
  <script>
    const div = document.querySelector("div")
    div.addEventListener("click", () => {
      div.requestFullscreen();
    });
    div.addEventListener("fullscreenchange", () => {
      if (document.fullscreenElement) {
        console.log("div fullscreen");
      } else {
        console.log("unfullscreen");
      }
      console.log(div.offsetParent);
    });
  </script>
</html>
	<!DOCTYPE html>
	<html>

	<head>
	<style>
	body {
	height: 10000px;
	margin: 0;
	}

	div {
	position: absolute;
	border: 2px solid red;
	top: 200px;
	width: 100vw;
	background-color: white;
	}

	</style>
	</head>

	<body>
	<div>
	<p> this is a dialog</p>
	</div>

	</body>
	<script>
	const div = document.querySelector("div")
	div.addEventListener("click", () => {
	div.requestFullscreen();
	});
	div.addEventListener("fullscreenchange", () => {
	if (document.fullscreenElement) {
	console.log("div fullscreen");
	} else {
	console.log("unfullscreen");
	}
	console.log(div.offsetParent);
	});
	</script>
	</html>