View All Attachments for Bug 245722

Attachment #462654
Video of the test on iOS 16	video/mp4	2022-09-27 03:09:58 PDT	491.12 KB	no flags	Details

Attachment cannot be viewed because its MIME type is not text/*, image/*, or application/vnd.mozilla.*. Download the attachment instead.

Attachment #464629
Video of bug in iOS Safari 16.3	video/quicktime	2023-01-24 06:24:06 PST	1.30 MB	no flags	Details

Attachment cannot be viewed because its MIME type is not text/*, image/*, or application/vnd.mozilla.*. Download the attachment instead.

Attachment #464658
Test	text/html	2023-01-25 15:31:50 PST	951 bytes	no flags	Details

<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <style>
		html {
		  scroll-snap-type: y mandatory;
		}

		section {
		  scroll-snap-align: start;
		  display: flex;
		  height: 100vh;
		  justify-content: center;
		  align-items: center;
		}

		section:nth-child {
		  background: #111;
		}
    </style>
</head>
<body>
	<article>
	  <section>
	    <h1>1</h1>
	    <button value="next">Next</button>
	  </section>
	  <section>
	    <h1>2</h1>
	    <button value="previous">Previous</button>
	  </section>
	</article>
	<script>
		document.addEventListener("click", (e) => {
		  const sections = document.querySelectorAll("section")
  
		  if (e.target.value === "next") {
		    sections[1].scrollIntoView({ behavior: "smooth" });
		  } else if (e.target.value === "previous") {
		    sections[0].scrollIntoView({ behavior: "smooth" });
		  }
		});
	</script>
</body>
</html>