| <!DOCTYPE html> |
| <head> |
| <script src="/resources/testharness.js"></script> |
| <script src="/resources/testharnessreport.js"></script> |
| <script src="support/utils.js"></script> |
| <title>Media attribute changes in the head to not apply</title> |
| |
| <link id=link rel=expect href="#last" blocking="render" media="(min-width: 10px)"> |
| <script> |
| link.media = "(max-width: 10px)"; |
| |
| async_test((t) => { |
| requestAnimationFrame(() => { |
| t.step(() => assert_false(!!document.getElementById("last"))); |
| t.done(); |
| }); |
| }, "changing media to non-matching makes it non blocking"); |
| </script> |
| </head> |
| <body> |
| <div id="first"></div> |
| <script> |
| generateParserDelay(); |
| </script> |
| <div id="second"></div> |
| <script> |
| generateParserDelay(); |
| </script> |
| <div id="last"></div> |
| </body> |