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