crbug.com/305895

range on canvas

by int32_t

HTML

<canvas id="testCanvas" width="600px" height="600px"></canvas>

<div id="sliderdiv" >
        <input id="slider1" type="range" min="0" max="100">
        Slider One<br><br>
        <input id="slider2" type="range" min="0" max="100">
        Slider Two<br><br>
        <input id="slider3" type="range" min="0" max="100">
        Slider Three<br><br>

     <br>
     <br>
     <br>
     <br>

     <button type="button" onclick='causeBug()'>Cause Bug</button>
</div>

CSS

#sliderdiv {
             color:white;
             background-color:gray;
             position: absolute;
             top: 0px;
             left: 0px;
}

JavaScript

function causeBug()
      {
         var canvas = document.getElementById('testCanvas');
         var ctx = canvas.getContext('2d');
         ctx.clearRect(0,0,10,10);
      }