svg-intrinsic-size-invalidation-ref.html (383B)
1 <!doctype html> 2 <style> 3 #avatar { 4 width: 100px; 5 display: block; 6 } 7 #container { 8 width: max-content; 9 border: 10px solid green; 10 } 11 #ancestor { 12 padding: 10px; 13 } 14 </style> 15 <div id="ancestor"> 16 <div id="container"> 17 <svg viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg" id="avatar"> 18 <rect height="100%" width="100%" fill="blue"></rect> 19 </svg> 20 </div> 21 </div>