Bug Tracker

Opened 10 years ago

Closed 8 years ago

Last modified 7 years ago

#4518 closed bug (invalid)

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.

Change History (5)

comment:1 Changed 10 years ago by dmethvin

Component: unfilledfx

comment:2 Changed 10 years ago by dmethvin

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?

comment:3 Changed 10 years ago by acoder

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.

comment:4 Changed 8 years ago by dmethvin

Owner: set to acoder
Status: newpending

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

comment:5 Changed 8 years ago by trac-o-bot

Resolution: invalid
Status: pendingclosed

Automatically closed due to 14 days of inactivity.

Note: See TracTickets for help on using tickets.