IE7 ClearType fix for ui.tabs.js
I ran into a minor issue with the tabs widget and found the following
change to work in my environment. Use at your own risk as I haven't
done extensive testing for it.
Background: IE7 has an issue with ClearType rendering such that you
can't use fade effects (or anything using a filter) without losing the
ClearType.
In the ui.tabs.js file there are two places with the following code:
if ($.browser.msie) {
$hide[0].style.filter = '';
}
I believe the intention of that code was to turn off the filter to
avoid the bug after the animation was complete. The problem is that in
IE7 once a filter is applied and ClearType is disabled, there's
nothing you can do to turn it back on. Even if no filter was applied,
setting the filter to an empty string (or null) will cause ClearType
to be disabled.
The change I made was to simply comment out the code above. Now, as
long as you don't request an animation that involves filters (ie
fxFade), then your ClearType text will be maintained.
It may be that the code above works in IE6, so a more accurate fix
might be to apply it for IE6 and not for IE7.
Regards,
--Bernal