fadeIn cannot handle "display: inline !important;"

Reported by:	acoder	Owned by:	acoder
Priority:	major	Milestone:	1.4
Component:	effects	Version:	1.3.2
Keywords:		Cc:
Blocked by:		Blocking:

Description

jQuery's fadeIn works fine with "display: inline;" but fails with "display: inline !important;". Instead of fadeIn the element appears immediately.

Attachments (0)

Change History (5)

Changed April 11, 2009 02:02PM UTC by dmethvin comment:1

component:	unfilled → fx

Changed April 13, 2009 12:32AM UTC by dmethvin comment:2

Do you mean that you have an element with an inline style of "display: inline !important"? Can you attach a test case and/or explain further?

Changed April 13, 2009 04:32AM UTC by acoder comment:3

Ok, I think this is what happened:

I have an "<a>" element that was assigned a "display: inline;" via class declaration. I set a "display: none;" via the style declaration so that fadeIn would work. The style declaration overrode the external css declaration. When I set the external css to "display: inline !important;", however, the css file overrode the style declaration. I guess the problem is that fadeIn apparently only works if the element is set to "display: none;" (correct me if I'm wrong). Right now I am using fadeTo as a workaround.

What I am hoping for is a way of using fadeIn with "display: inline;" elements.

Changed November 18, 2010 04:09AM UTC by dmethvin comment:4

owner:	→ acoder
status:	new → pending

Still need a test case; jsfiddle would be the best.

Changed December 02, 2010 08:07AM UTC by trac-o-bot comment:5

resolution:	→ invalid
status:	pending → closed

Automatically closed due to 14 days of inactivity.

Side navigation

#4518 closed bug (invalid)