jsquery .hide changes the font of the text in Internet Explorer

Reported by:	sss8969	Owned by:
Priority:	minor	Milestone:	1.3
Component:	effects	Version:	1.2.6
Keywords:	.hide .show	Cc:	sss8969, flesler
Blocked by:		Blocking:

Description

In Internet Explorer 7, it appears that the .hide method changes the font or style of text as it is hiding it. When the text is redisplayed using .show, the text has a different font, or at least appears to be "less bold".

I have not extensively tested this issue, but it does not appear to happen in Firefox 2.0.0.16.

I've been able to reproduce the problem using an example from the jquery web site, http://docs.jquery.com/Effects/hide#speedcallback. I've also attached a sample file. The problem seems to be more apparent with smaller text sizes.

Attachments (1)

jqueryShowHideSample.htm (1.1 KB) - added by sss8969 September 04, 2008 02:44PM UTC.

Sample html showing the font change behavior. Notice as each word is hidden, that the font changes to a less bold, less smooth version. When the text is redisplayed, it stays that way.

Change History (4)

Changed September 04, 2008 08:51PM UTC by flesler comment:1

cc:	→ sss8969, flesler
component:	core → fx

Changed December 23, 2008 08:04PM UTC by dmethvin comment:2

need:	Review → Patch
owner:	→ dmethvin
status:	new → assigned

This is due to IE/Windows ClearType font smoothing. I guess the fix is to remove the filter attribute if the opacity is set to 1.0?

http://blog.bmn.name/2008/03/jquery-fadeinfadeout-ie-cleartype-glitch/

Changed December 23, 2008 08:05PM UTC by dmethvin comment:3

owner:	dmethvin
status:	assigned → new

Changed August 12, 2010 12:46AM UTC by dmethvin comment:4

resolution:	→ duplicate
status:	new → closed

Dup of #2457.

Side navigation