anchor-scroll-update-008-ref.html (640B)
1 <!DOCTYPE html> 2 <title>Anchored element should update when anchor's div under `contain: layout size` becomes a scroll container.</title> 3 <link rel="author" href="mailto:dshin@mozilla.com"> 4 <link rel="help" href="https://drafts.csswg.org/css-anchor-1/"> 5 <style> 6 .abspos-cb { 7 position: relative; 8 width: 200px; 9 height: 200px; 10 border: 1px solid; 11 } 12 13 .flex { 14 display: flex; 15 } 16 17 .positioned { 18 width: 15px; 19 height: 15px; 20 background: purple; 21 } 22 23 .anchor { 24 width: 15px; 25 height: 15px; 26 background: magenta; 27 } 28 </style> 29 <div class=abspos-cb> 30 <div class=flex> 31 <div class=anchor></div><div class=positioned></div> 32 </div> 33 </div>