I have changed the source to the following. I found that the mouse up
and down events seem missing if I click quickly. However, the same code
works fine in the desktop environment. For example, the following
"mouseup"is not called if I click very quickly in the area of the first
canvas. I think this could be a bug.

          <div>
              <script>
              function mouseup(event) {
                    console.log("mouse is down!");
              }
              </script>
              <canvas id="canvas1" width="200"  height="100" 
onmouseup="mouseup(event)" style="border:1px solid #000000;">
                   Your Browser does not support HTML5 canvas
              </canvas>

              <canvas id="canvas2" width="200" height="100" style="border:1px 
solid #c3c3c3;">
                  Your browser does not support the HTML5 canvas tag.
              </canvas>
              <script>
              var c = document.getElementById("canvas1");
              var ctx = c.getContext("2d");
              ctx.fillStyle = "#FF0000";
              ctx.fillRect(0,0,200,100);

              var c2 = document.getElementById("canvas2");
              var ctx2 = c2.getContext("2d");
              ctx2.fillStyle = "#FFFF00";
              ctx2.fillRect(0,0,200,100);

              </script>
          </div>

** Changed in: webbrowser-app (Ubuntu)
       Status: Invalid => New

-- 
You received this bug notification because you are a member of Ubuntu
Bugs, which is subscribed to Ubuntu.
https://bugs.launchpad.net/bugs/1362172

Title:
  [webapp-container] 2d context drawed to only first one canvas in one
  page

To manage notifications about this bug go to:
https://bugs.launchpad.net/ubuntu/+source/webbrowser-app/+bug/1362172/+subscriptions

-- 
ubuntu-bugs mailing list
ubuntu-bugs@lists.ubuntu.com
https://lists.ubuntu.com/mailman/listinfo/ubuntu-bugs

Reply via email to