Opened 12 years ago
Closed 10 years ago
#3323 closed bug (duplicate)
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)
Change History (5)
Changed 12 years ago by
| Attachment: | jqueryShowHideSample.htm added |
|---|
comment:1 Changed 12 years ago by
| Cc: | sss8969 flesler added |
|---|---|
| Component: | core → fx |
comment:2 Changed 12 years ago by
| need: | Review → Patch |
|---|---|
| Owner: | set to 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/
comment:3 Changed 12 years ago by
| Owner: | dmethvin deleted |
|---|---|
| Status: | assigned → new |
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.