Skip to main content

Bug Tracker

Side navigation

#4518 closed bug (invalid)

Opened April 11, 2009 09:43AM UTC

Closed December 02, 2010 08:07AM UTC

Last modified March 13, 2012 05:27PM UTC

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

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

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

Automatically closed due to 14 days of inactivity.