Hi guys,
Interesting one this. We're noticing some unusual screen corruption in most browsers in our branch of OC. We have some code that manipulates various views post-render. For example, our 'header' is a bar that can be hidden by the user to gain a little screen space. Our sidebars can also be hidden.
Using jquery to add and remove (and animate between) classes causes some rather odd screen repainting issues in Chrome and FireFox (Mac and Windows) - partially drawn borders, Bootstrapped tabs 'double drawing', torn/misplaced buttons and overlapping elements. Generally, after the painting problems, performing any action that causes a fresh repaint fixes most (but not all) of the display issues. Resizing the window fixes all the issues. According to Chrome's dev tools everything is where it *should* be.
I guess my query is along the lines of; have you guys ever seen anything along these lines? I can mitigate some of the painting problems by reducing the number of animated transitions and reordering, but it's rather... random.
S.