layout/reftests/forms/input/file/dynamic-max-width.html

   1 <!DOCTYPE HTML>
   2 <!--
   3      Any copyright is dedicated to the Public Domain.
   4      http://creativecommons.org/publicdomain/zero/1.0/
   5 -->
   6 <html class="reftest-wait"><head>
   7   <meta charset="utf-8">
   8   <title>CSS Test: file control with dynamic change to max-width</title>
   9   <style type="text/css">
  10
  11     input { max-width: 10em; }
  12
  13   </style>
  14   <script>
  15     function tweak() {
  16       [...document.querySelectorAll('input')].forEach(function(e) {
  17         e.style.maxWidth = 'initial';
  18       });
  19       document.documentElement.removeAttribute("class");
  20     }
  21     window.addEventListener("MozReftestInvalidate", tweak);
  22   </script>
  23 </head>
  24 <body onload="test()">
  25
  26 <input type=file dir=rtl>
  27
  28 <br>
  29
  30 <input type=file>
  31
  32
  33 </body>
  34 </html>