anchor-in-multicol-inherit-crash.html (952B)
1 <!DOCTYPE html> 2 <title>CSS Anchor Positioning: Crash with anchor in multicol (inheritance)</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 .child { 30 position: fixed; 31 right: inherit; 32 bottom: inherit; 33 } 34 @position-try --pf1 { 35 right: 400px; 36 bottom: 10px; 37 } 38 @position-try --pf2 { 39 right: 40px; 40 bottom: 30px; 41 } 42 </style> 43 <body> 44 PASS if no crash 45 <div class="columns"> 46 <div class="cb"> 47 <div class="anchor"></div> 48 <div class="target"> 49 <div class="child"></div> 50 </div> 51 </div> 52 </div> 53 </body>