testing/web-platform/tests/css/selectors/selector-read-write-type-change-002.html

   1 <!DOCTYPE html>
   2 <html class="reftest-wait">
   3   <head>
   4     <title>Check for correctly updating :read-write matching on type change</title>
   5     <link rel="match" href="selector-read-write-type-change-002-ref.html">
   6     <link rel="help" href="https://drafts.csswg.org/selectors-4/#rw-pseudos">
   7     <style>
   8       span { color: red; }
   9       :read-write + span { color: green }
  10     </style>
  11     <script>
  12       onload = function() {
  13         // setTimeout because in some browsers apparently a toplevel restyle
  14         // happens right after the load event fires?
  15         setTimeout(function() {
  16           document.querySelector("input").type = "";
  17           document.documentElement.className = "";
  18         }, 10);
  19       }
  20     </script>
  21   </head>
  22   <body>
  23     <input type="hidden" required><span>This should be green</span>
  24   </body>
  25 </html>