Skip to main content

Bug Tracker

Side navigation

#3323 closed bug (duplicate)

Opened September 04, 2008 02:42PM UTC

Closed August 12, 2010 12:46AM UTC

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: corefx

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

need: ReviewPatch
owner: → dmethvin
status: newassigned

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: assignednew

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

resolution: → duplicate
status: newclosed

Dup of #2457.