Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html>
<title>View transitions: fragmented elements skipped (ref)</title>
<link rel="author" href="mailto:vmpstr@chromium.org">
<style>
:root {
scrollbar-width: none;
}
body { background: pink }
#spacer {
width: 100px;
height: 950px;
background: lightgreen;
}
#container {
width: 500px;
columns: 2;
height: 500px;
visibility: hidden;
}
#target {
width: 200px;
height: 200px;
background: green;
}
#unrelated {
width: 100px;
height: 100px;
background: lightblue;
}
</style>
<div id=container>
<div id=spacer></div>
<div id=target></div>
</div>
<div id=unrelated></div>