documentElement-clientWidth-on-minimum-scale-size.tentative.html (779B)
1 <!doctype html> 2 <meta charset=utf-8> 3 <meta name="viewport" content="width=device-width minimum-scale=0.5"> 4 <link rel="help" href="https://drafts.csswg.org/css-device-adapt/"> 5 <style> 6 html { 7 overflow: hidden; 8 } 9 body { 10 margin: 0; 11 } 12 div { 13 height: 200%; 14 position: absolute; 15 } 16 </style> 17 <title></title> 18 <div style="width: 200%;"></div> 19 <div id="reference" style="width: 100%;"></div> 20 <script src=/resources/testharness.js></script> 21 <script src=/resources/testharnessreport.js></script> 22 <script> 23 'use strict'; 24 test(() => { 25 assert_equals(document.documentElement.clientWidth, reference.clientWidth, 26 'documentElement clientWidth should be 100%'); 27 }, 'documentElement clientWidth should be equal to device-width even if ' + 28 'overflow:hidden region is visible'); 29 </script>