Comments on: Force-redraw DOM technique for WebKit-based browsers

By: Terry

Terry — Sat, 27 Mar 2010 19:19:13 +0000

This works for UIWebView also. My app is sending UITouch event objects to a javascript function every 20 milliseconds but my animation looked like 4 frames per second. It’s all good now and I’m jazzed to be creating touch interactions in javascript. Thanks one million!

By: thomp132

thomp132 — Mon, 16 Nov 2009 18:32:28 +0000

Thanks for the tip…

I was having a problem in Mobile Safari (iPhone/iPod) where the text in a text box wasn’t being repainted/rendered properly when typing.

I placed this ‘webkitTranform’ style onto the element during the keypress event and everything repainted nicely.

By: Miller Medeiros

Miller Medeiros — Tue, 10 Nov 2009 18:49:43 +0000

I’ve solved it on swffit [http://code.google.com/p/swffit/] giving the focus to the HTML (I’m not sure why I’ve used this specific technique..):

document.getElementsByTagName(‘html’)[0].focus();

On a previous project I’ve “changed” the className and it also worked (just can’t remember if it was for WebKit browsers):

document.getElementById(‘my_element’).className += ”;

Changing properties like “display”, “border”, “padding” or calling “window.scrollBy(1,0)” also forces the browser to re-render.

By: Thomas Fuchs

Thomas Fuchs — Sat, 26 Sep 2009 15:28:49 +0000

@smfr I couldn’t isolate it into a reduced test case, so I didn’t file a bug for this, but you’re right, I should!

By: smfr

smfr — Sat, 26 Sep 2009 15:23:31 +0000

Did you file a bug on the underlying issue about changing innerHTML?