title: Android Native Browser duplicating HTML5 canvas (fine in chrome)
body: <p>This is a weird issue that I am only experiencing on a Native browser on Samsung Galaxy Tab 2 and Galaxy S2 in the native browser. </p>
  
  <p>This has also been tested on other android phones and tablets such as the Nexus 7 &amp; Galaxy S4 but their native browser is chrome, so it appears fine. This issue is also not present on any IOS browsers, Windows Desktop browsers or Mac Desktop browsers.</p>
  
  <p>It's almost asif the webpage is loaded twice ontop of itself! </p>
  
  <p>As there is a duplicate canvas element, that updates as the main canvas does.</p>
  
  <p><img src="https://i.stack.imgur.com/mh5Ds.jpg" alt="enter image description here">
  <img src="https://i.stack.imgur.com/ayUaJ.jpg" alt="enter image description here"></p>
  
  <p>Here it appears asthough it only happens when rotated in landscape mode, but I beleive that in portrait mode, the canvas' are perfectly aligned over the top.</p>
  
  <p>What is even weirder, the menu button that you see is a toggle button, tap to open menu, tap to close menu. On this device when you tap it, it opens and closes instantly. the same happens for the mute button toggle.</p>
  
  <p>I'm completely at a loss.</p>
  
  <p>I have done some javascript debugging throwing in a few alerts here and there, and the initialisation functions that create references to the canvas and so on are only called once.</p>
  
  <p>I have read and heard about hardware acceleration causing issues, but solutions i've potentially found are only relative to building native apps! not HTML5 Canvas webpages.</p>
  
  <p>Any insight on this could be would be great!
  Thanks in advance.</p>
  
  <p>--EDIT</p>
  
  <p>I also put in this test <code>alert(document.getElementsByTagName('canvas').length);</code> to see if there was 2 canvas in the DOM but it returns 1!</p>