title: Website flickering/flashing/blinking in Chrome on iPads after using JavaScript to update page with images and text
body: <p>Our web page flickers on iPads after we add images or text to the page using JavaScript. We have tried various combinations of <code>-webkit-backface-visibility:hidden; -webkit-transform-style:preserve-3d; -webkit-transform:translate3d(0,0,0)</code> against different elements. Since we tile a background image, we can't apply these styles to the body but can apply them to all DIVs, which helps but doesn't remove the issue.</p>
  
  <p>The issue gets triggered here:</p>
  
  <pre><code>$( screenshots ).each( function() {
      var img = $( document.createElement('img') );
  
      // Set image source
      img.attr( 'src', this );
  
      // Append new screenshot
      screenshots_box.append( img );
  });
  
  // Render description
  $( page ).find( '.desc' ).html( data.description.replace(/\n/g, '&lt;br/&gt;') );
  $( page ).find( '.desc' ).removeClass( 'loading' );
  </code></pre>
  
  <p>If we comment out the lines that update the DOM, the flickering vanishes.</p>
  
  <p>To reproduce:</p>
  
  <p>1) On your tablet, using Chrome or Safari, visit <a href="http://www.tekiki.com/itunes-store/apps/free-apps/app/a-wheel-of-wopple-free-formerly-boggle-nytimes-fortune?itunes-store-id=481584214">http://www.tekiki.com/itunes-store/apps/free-apps/app/a-wheel-of-wopple-free-formerly-boggle-nytimes-fortune?itunes-store-id=481584214</a>.</p>
  
  <p>2) The page will initially load, but after we dynamically update the page with data from iTunes, sections of the page will flicker/flash/blink momentarily.</p>