fragmented-at-start-ignored-ref.html (680B)
1 <!DOCTYPE html> 2 <title>View transitions: fragmented elements skipped (ref)</title> 3 <link rel="help" href="https://www.w3.org/TR/css-view-transitions-1/"> 4 <link rel="author" href="mailto:vmpstr@chromium.org"> 5 6 <style> 7 :root { 8 scrollbar-width: none; 9 } 10 body { background: pink } 11 #spacer { 12 width: 100px; 13 height: 950px; 14 background: lightgreen; 15 } 16 #container { 17 width: 500px; 18 columns: 2; 19 height: 500px; 20 visibility: hidden; 21 } 22 #target { 23 width: 200px; 24 height: 200px; 25 background: green; 26 } 27 #unrelated { 28 width: 100px; 29 height: 100px; 30 background: lightblue; 31 } 32 </style> 33 <div id=container> 34 <div id=spacer></div> 35 <div id=target></div> 36 </div> 37 <div id=unrelated></div>