Force rendering a DOM element when Webkit is acting up

gistfile1.coffee

forceRerenderOnWebkit: ->
  @el.parentNode.style.cssText += ';-webkit-transform:rotateZ(0deg)'
  @el.parentNode.offsetHeight
  @el.parentNode.style.cssText += ';-webkit-transform:none'   

@gr2m: It would seem the "brutal" version here changing the padding seems a bit overkill; I use the following code for a rock solid repaint:

function forceRedraw(el) {
  var t = el.ownerDocument.createTextNode(' ');
  el.appendChild(t);
  setTimeout(function() { el.removeChild(t); }, 0);
}

@gr2m damn, i just suggested a class named "repaint", not "redraw" ;)

but i still favor a solution which doesn't need to touch the dom at all

Hi guys! Thanks to all for the suggestions... So, anyone know what is the most optimal way to force a reflow? Any jsPerf there? :)

I'll add this one to the pile https://gist.github.com/digitalicarus/c83d9b4c80ab35f7452a