tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

overflow-auto-004.html (1525B)

      1 <!DOCTYPE html>
      2 <html>
      3 <title>CSS Flexbox: no unnecessary scrollbars with overflow: auto.</title>
      4 <link rel="help" href="https://drafts.csswg.org/css-flexbox/#flex-direction-property">
      5 <link rel="help" href="https://drafts.csswg.org/css-overflow-3/#overflow-properties">
      6 <link rel="help" href="https://crbug.com/646288"/>
      7 <meta name="assert" content="This test ensures that no vertical scrollbar is rendered with 'overflow: auto' and 'flex-direction: column' when only horizontal scrolling is needed."/>
      8 
      9 <style>
     10 * {
     11  min-width: 0;
     12  min-height: 0;
     13 }
     14 
     15 body {
     16  width: 800px;
     17 }
     18 
     19 #list-wrapper {
     20  display: flex;
     21  flex-direction: column;
     22 }
     23 
     24 #player-list-wrapper {
     25  flex-grow: 1;
     26  overflow: auto;
     27 }
     28 </style>
     29 
     30 <script src="/resources/testharness.js"></script>
     31 <script src="/resources/testharnessreport.js"></script>
     32 <script src="/resources/check-layout-th.js"></script>
     33 
     34 <body onload="checkLayout('#list-wrapper')">
     35 
     36 <p>No vertical scrollbar should be rendered for this content.</p>
     37 
     38 <div id="list-wrapper" data-expected-width="800">
     39  <div id="player-list-wrapper" data-expected-width="800">
     40    <div data-expected-width="800">http://www.ispeech.org/p/generic/getaudio?text=http%3A%2F%2Fwww.ispeech.org%2Ftext.to.speech%3Flink%3Dhttp%253A%252F%252Fwww.ispeech.org%252Ftext.to.speech%253Fvoice%253Dusenglishfemale%2526action%253Dconvert%2526speed%253D0%2526text%253DType%252520some%252520text%252520and%252520click%252520play%2C&amp;voice=usenglishfemale&amp;speed=0&amp;action=convert</div>
     41  </div>
     42 </div>
     43 
     44 </body>
     45 </html>