Hey all,
I have a fade effect with a callback as follows:
Effect.Fade(msgObj.html_id,
{afterFinish: function() {
this.deleteMessage(msgObj)
}.bind(this)
});
I notice that while the effect happens, any of the bold text on the
rest of the page
seems to unbold while it is redrawing and then goes back to bold after
the effect
has completed.
Is this some side effect? How can I fix this?
I''m on FF 2.0.0.4 on OSX 10.4.9.
Thanks,
Russ
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---
Something I forgot: This problem does not appear on Safari 2.0.4 =\ Thanks again, Russ On Jun 18, 4:35 pm, rjdsa <russell...-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org> wrote:> Hey all, > I have a fade effect with a callback as follows: > > Effect.Fade(msgObj.html_id, > {afterFinish: function() { > this.deleteMessage(msgObj) > }.bind(this) > }); > > I notice that while the effect happens, any of the bold text on the > rest of the page > seems to unbold while it is redrawing and then goes back to bold after > the effect > has completed. > > Is this some side effect? How can I fix this? > > I''m on FF 2.0.0.4 on OSX 10.4.9. > > Thanks, > Russ--~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Spinoffs" group. To post to this group, send email to rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org To unsubscribe from this group, send email to rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org For more options, visit this group at http://groups.google.com/group/rubyonrails-spinoffs?hl=en -~----------~----~----~----~------~----~------~--~---
On 6/18/07, rjdsa <russelldsa-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org> wrote:> > Hey all, > I have a fade effect with a callback as follows: > > Effect.Fade(msgObj.html_id, > {afterFinish: function() { > this.deleteMessage(msgObj) > }.bind(this) > }); > > I notice that while the effect happens, any of the bold text on the > rest of the page > seems to unbold while it is redrawing and then goes back to bold after > the effect > has completed. > > Is this some side effect?I''d guess that it''s a "quirk" in FF''s text rendering: http://www.mezzoblue.com/archives/2006/12/12/opacity_bugs/ Your text isn''t actually changing from bold to normal; instead, FF is changing how it anti-aliases that text, with the end result being that the text weight seems to change.> How can I fix this?Setting something''s opacity to 0.9999 might do the trick, as suggested in the article. On the other hand, having elements with opacities of less than 1 can quickly hinder your page''s performance, so... -- Chris Boone, Hypsometry http://hypsometry.com/ --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Spinoffs" group. To post to this group, send email to rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org To unsubscribe from this group, send email to rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org For more options, visit this group at http://groups.google.com/group/rubyonrails-spinoffs?hl=en -~----------~----~----~----~------~----~------~--~---
That is very strange, i had run into a very opposing yet similar
problem with IE and fade effects.
Without what IE considers a "layout" on the object the text will look
bold as the element transitions, this is fixed by giving the element a
background color and a width or height, can''t remember but it might be
something quirky like that.
try a css rule that looks like
body *{
background-color:#fff;
}
and see if it has the same effect.
Good luck with that, i havn''t run into that one yet strangely enough,
let us know how it goes.
On Jun 18, 7:57 pm, "Chris Boone"
<hypsome...-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org>
wrote:> On 6/18/07, rjdsa
<russell...-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org> wrote:
>
>
>
>
>
> > Hey all,
> > I have a fade effect with a callback as follows:
>
> > Effect.Fade(msgObj.html_id,
> > {afterFinish: function() {
> > this.deleteMessage(msgObj)
> > }.bind(this)
> > });
>
> > I notice that while the effect happens, any of the bold text on the
> > rest of the page
> > seems to unbold while it is redrawing and then goes back to bold after
> > the effect
> > has completed.
>
> > Is this some side effect?
>
> I''d guess that it''s a "quirk" in FF''s
text rendering:
>
> http://www.mezzoblue.com/archives/2006/12/12/opacity_bugs/
>
> Your text isn''t actually changing from bold to normal; instead, FF
is
> changing how it anti-aliases that text, with the end result being that
> the text weight seems to change.
>
> > How can I fix this?
>
> Setting something''s opacity to 0.9999 might do the trick, as
suggested
> in the article. On the other hand, having elements with opacities of
> less than 1 can quickly hinder your page''s performance, so...
>
> --
> Chris Boone, Hypsometryhttp://hypsometry.com/
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---
On 6/19/07, Matt <mattfoster01-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org> wrote:> > That is very strange, i had run into a very opposing yet similar > problem with IE and fade effects. > > Without what IE considers a "layout" on the object the text will look > bold as the element transitions,But this shouldn''t be necessary when using any opacity related Scriptaculous effects, since Effect.opacity includes a hack to set hasLayout in IE, if it''s not already set. (This could, I''d think, create its own problems, but I''ve never run into any.)> this is fixed by giving the element a > background color and a width or height, can''t remember but it might be > something quirky like that.The simplest way to set hasLayout is to, as Scripaculous does, declare ''zoom: 1'' on the relevant element. All non-IE browsers will ignore it, and it won''t change IE''s behavior any. Ingo Chao''s article is still the best for understanding the hasLayout issue, AFAIK: http://www.satzansatz.de/cssd/onhavinglayout.html -- Chris Boone, Hypsometry http://hypsometry.com/ --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Spinoffs" group. To post to this group, send email to rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org To unsubscribe from this group, send email to rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org For more options, visit this group at http://groups.google.com/group/rubyonrails-spinoffs?hl=en -~----------~----~----~----~------~----~------~--~---
Wow,
The
DIV{
zoom:1;
}
fixed my IE display issues with slide/blind effects. Thanx.
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---
On 6/19/07, jdalton <jdalton001-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org> wrote:> > Wow, > > The > > DIV{ > zoom:1; > } > > fixed my IE display issues with slide/blind effects. Thanx.Yeah, it''s kinda like magic. :) -- Chris Boone, Hypsometry http://hypsometry.com/ --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Spinoffs" group. To post to this group, send email to rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org To unsubscribe from this group, send email to rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org For more options, visit this group at http://groups.google.com/group/rubyonrails-spinoffs?hl=en -~----------~----~----~----~------~----~------~--~---
I remember when I discovered hasLayout a few weeks back... it *is* magic! Gareth On 6/20/07, Chris Boone <hypsometry-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org> wrote:> > > On 6/19/07, jdalton <jdalton001-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org> wrote: > > > > Wow, > > > > The > > > > DIV{ > > zoom:1; > > } > > > > fixed my IE display issues with slide/blind effects. Thanx. > > Yeah, it''s kinda like magic. :) > > -- > Chris Boone, Hypsometry > http://hypsometry.com/ > > > >--~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Spinoffs" group. To post to this group, send email to rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org To unsubscribe from this group, send email to rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org For more options, visit this group at http://groups.google.com/group/rubyonrails-spinoffs?hl=en -~----------~----~----~----~------~----~------~--~---
For most types of sites, adding
* { zoom: 1 }
to your stylesheets (maybe an IE-only one) can prevent a lot of
headaches.
This, together with a proper DOCTYPE makes IE''s rendering engine
(sadly _not_ the DOM API) almost standards-compatible. :)
Note that there could theoretically be performance issues, as IE
seemingly renders "non-layout" elemens faster, but I don''t
think this
is even noticeable anymore on modern computers.
HTH,
Best,
Thomas
Am 19.06.2007 um 22:06 schrieb Gareth Evans:
> I remember when I discovered hasLayout a few weeks back... it is
> magic!
>
> Gareth
>
> On 6/20/07, Chris Boone
<hypsometry-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org> wrote:
>
> On 6/19/07, jdalton
<jdalton001-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org> wrote:
> >
> > Wow,
> >
> > The
> >
> > DIV{
> > zoom:1;
> > }
> >
> > fixed my IE display issues with slide/blind effects. Thanx.
>
> Yeah, it''s kinda like magic. :)
>
> --
> Chris Boone, Hypsometry
> http://hypsometry.com/
> >
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---