contain-size-select-002.html (894B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <meta charset="utf-8"> 4 <title>CSS Containment Test: Size containment on select</title> 5 <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com"> 6 <link rel="help" href="https://drafts.csswg.org/css-contain-1/#containment-size"> 7 <link rel="match" href="reference/contain-size-select-001-ref.html"> 8 <meta name=assert content="Check that setting 'contain: size' on a <select> elements causes it to be sized as having no contents."> 9 <style> 10 select { 11 color: transparent; 12 background: white; 13 } 14 </style> 15 <p>Test passes if it has the same output than the reference.</p> 16 <select id="target"> 17 <option>AVeryLongOption</option> 18 <option>Another Option</option> 19 </select> 20 <script> 21 window.requestAnimationFrame( () => { 22 target.style.contain = "size"; 23 document.documentElement.removeAttribute("class"); 24 }); 25 </script> 26 </html>