[Dojo-interest] dojo.fadeOut() in IE

Michael Smith msmith at ingeniux.com
Thu Aug 9 23:50:24 UTC 2007

I've seen similar issues in both IE6 and IE7. 

I haven't nailed down the exact problem yet, but it has something to do
with the fact that opacity is not always inherited by child nodes in IE.
In particular, I've found this to be the case when child nodes are
either absolute positioned or when the float property is set to left or

For example, with the following HTML:
	<div id="div1">
		<input id="input1" style="position:absolute; top:1;
left:1" />

If you do dojo.fadeOut() on just the "div1", then the input field will
not fade out. I've seen this for elements with "position:absolute", and
I think it's also true for elements with "float:left" or "float:right".

However, I've found that if you pass both element ids as an array to the
fadeOut function, then they both will fade in IE. The side effect is
that the child element will fade twice as fast in FF. This worked in
Dojo 0.4.x with the following code
	dojo.lfx.fadeOut(["div1", " input1"], 300).play();
but I'm not sure if the 0.9 API for dojo.fadeOut will accept multiple

Maybe someone else has some more information on this, but this is what
I've found so far.


-----Original Message-----
From: dojo-interest-bounces at dojotoolkit.org
[mailto:dojo-interest-bounces at dojotoolkit.org] On Behalf Of Alex Russell
Sent: Friday, August 03, 2007 1:31 PM
To: dojo-interest at dojotoolkit.org
Cc: Michael Meder
Subject: Re: [Dojo-interest] dojo.fadeOut() in IE

IE 6? IE 7?

On Wednesday 01 August 2007 10:35 am, Michael Meder wrote:
> Hello,
> I have a problem with dojo.fadeOut() (dojo 0.9) in IE and hope
> anybody can give me a hint. If I want to fade out a div-element with
> dojo.fadeOut(node: div_node, ...) wich contains some widgets (like
> dijit.form.FilteringSelect), in IE only the widgets does *not* fade
> out, but for all other elements inside the div-element it works. With
> Firefox everthings works fine only in the IE I have this problem.
> Curiously dojo.fadeOut(node: MyWidget.domNode,...) works in IE.
> Does anybody has/had the same problem?

Alex Russell
alex at sitepen.com     A99F 8785 F491 D5FD 04D7 ACD9 4158 FFDF 2894 6876
alex at dojotoolkit.org BE03 E88D EABB 2116 CC49 8259 CF78 E242 59C3 9723

More information about the Dojo-interest mailing list