position-visibility-anchors-visible-both-position-fixed.html (1003B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <meta name="assert" content="position-visibility: anchors-visible should work with a fixed-position anchored element." /> 4 <title>CSS Anchor Positioning Test: position-visibility: anchors-visible</title> 5 <link rel="help" href="https://github.com/w3c/csswg-drafts/issues/7758"> 6 <link rel="match" href="position-visibility-anchors-visible-both-position-fixed-ref.html"> 7 <style> 8 #anchor { 9 anchor-name: --a1; 10 position: fixed; 11 top: -100px; 12 left: 0; 13 width: 100px; 14 height: 100px; 15 background: orange; 16 } 17 18 #target { 19 position-anchor: --a1; 20 position-visibility: anchors-visible; 21 position-area: bottom right; 22 width: 100px; 23 height: 100px; 24 background: green; 25 position: fixed; 26 top: 0; 27 left: 0; 28 } 29 30 #spacer { 31 height: 200vh; 32 } 33 </style> 34 35 <!-- Test passes if #target is visible because there are no intervening clips. --> 36 <div id="anchor">anchor</div> 37 <div id="target">target</div> 38 <div id="spacer"></div>