image-srcset-basic-selection-width-2x.html

Enable keyboard shortcuts

<!DOCTYPE html>

<html reftest-zoom="2" class="reftest-wait">

<head>

    <style>img { width: 50px; }</style>

    <script type="application/javascript">

    // reftest-zoom is only applied at onload, so ensure the source-selection

    // has happened after that

    function clearWait() {

      document.documentElement.classList.remove("reftest-wait");

    window.addEventListener("load", function() {

      setTimeout(function() {

        var img = document.querySelector("img");

        img.onload = clearWait;

        img.onerror = clearWait;

        img.src = img.src;

      }, 0);

});

  </script>

</head>

<body>

  <img srcset="50.png 0.5x, 100.png 1x, 200.png 2x, 300.png 3x, 400.png" width="1000">

  <p>Ensure that width is honored and does not affect selection process</p>

</body>

</html>