large-min-size-reftest-ref.html (799B)
1 <!DOCTYPE html> 2 <meta charset=utf-8> 3 <body> 4 <div> 5 The permission element min-width/height should not be allowed to exceeed the maximum 6 allowed value for max-width/height. 7 </div> 8 9 <style> 10 #id1 { 11 font-size: 10px; 12 height: 30px; 13 border: 0px; 14 /* Used to determine the "fit-content" width value which is used 15 to set the width to 3 * fit-content. 16 */ 17 width: fit-content; 18 } 19 #id2 { 20 font-size: 10px; 21 height: 10px; 22 border: 0px; 23 width: fit-content; 24 } 25 </style> 26 27 <div><permission id="id1" type="geolocation"></permission></div> 28 <div><permission id="id2" type="camera"></permission></div> 29 <script> 30 el = document.getElementById("id1"); 31 let w = getComputedStyle(el).width; 32 el.style.width = `calc(3 * ${w})`; // 3 * fit-content 33 </script> 34 </body>