UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_8_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/27.0.1453.93 Safari/537.36
Steps to reproduce the problem:
This problem is hard to consistently reproduce but it appears to be related to the window or tab being inactive/unfocused/in-background for some amount of time.
What is the expected behavior?
The element border-box remains unchanged and the font with with the text is rendered remains unchanged.
What went wrong?
After an unknown amount of time (I've had it after 10 seconds, and sometimes after 30 minutes) when focussing the tab again it becomes visible that the font of one or more elements has changed.
An interesting detail (as visible in the attached screenshot) is that only the font rendering is affected. The underline (if present) is unaltered and the border box (in case of an inline element) is unaffected as well. Normally when an element changes fonts the underline would follow and the element shrink or grow in width or height naturally to accomodate for the new font.
The problem usually undoes itself when the user hovers or focusses the element in question (though not always).
So far I've had it happen most in the following scenarios:
* A list item that inherited style "font-family: sans-serif" changed to "font: serif"
* A textarea with style font-family new courier and courier changed to another font in the stack (e.g. "monospace") or even back to useragent stylesheet "serif".
Does it occur on multiple sites: Yes
Is it a problem with a plugin? No
Did this work before? Yes About a year ago.
Does this work in other browsers? Yes Firefox, Opera
Chrome version: 27.0.1453.93 Channel: stable
OS Version: OS X 10.8.3