anchor-in-multicol-crash.html (830B)
1 <!DOCTYPE html> 2 <title>CSS Anchor Positioning: Crash with anchor in multicol</title> 3 <link rel="help" href="https://issues.chromium.org/issues/324930388"> 4 <style> 5 .cb { 6 position: relative; 7 border: 1px solid black; 8 } 9 .columns { 10 column-count: 4; 11 column-width: 100px; 12 width: 320px; 13 height: 100px; 14 } 15 .anchor { 16 anchor-name: --a1; 17 width: 100px; 18 height: 90px; 19 background: blue; 20 } 21 .target { 22 position: absolute; 23 position-anchor: --a1; 24 width: 10px; 25 height: 10px; 26 background: purple; 27 position-try-fallbacks: --pf1, --pf2; 28 } 29 @position-try --pf1 { 30 right: 400px; 31 bottom: 10px; 32 } 33 @position-try --pf2 { 34 right: 40px; 35 bottom: 30px; 36 } 37 </style> 38 <body> 39 PASS if no crash 40 <div class="columns"> 41 <div class="cb"> 42 <div class="anchor"></div> 43 <div class="target"></div> 44 </div> 45 </div> 46 </body>