Skip to main content

Bug Tracker

Side navigation

#12138 closed bug (fixed)

Opened July 24, 2012 10:30PM UTC

Closed July 25, 2012 02:07PM UTC

Last modified August 10, 2012 12:09AM UTC

fadeOut doesn't work in Chrome on basic SVG elements

Reported by: dkordik.public@gmail.com Owned by: dkordik.public@gmail.com
Priority: undecided Milestone: 1.8
Component: effects Version: 1.7.2
Keywords: Cc:
Blocked by: Blocking:
Description

fadeOut doesn't work in Google Chrome for basic SVG elements, such as PATH, LINE, CIRCLE, RECT. Though these elements do support the "opacity" attribute.

fadeOut appears to work as expected in Firefox.

Example page:

http://trends.truliablog.com/vis/metro-movers/

$("path").fadeOut()

-> Firefox: the state outlines fade away

-> Chrome: nothing

Attachments (0)
Change History (5)

Changed July 24, 2012 10:38PM UTC by Dan Kordik <dkordik.public@gmail.com> comment:1

Reduction:

http://jsfiddle.net/dkordik/MZxD6/

Appears to have been introduced between jQuery 1.2.6 and 1.3.2

Changed July 24, 2012 10:51PM UTC by dmethvin comment:2

owner: → dkordik.public@gmail.com
status: newpending

Seems to work for me on the jquery-git (edge) version. Can you confirm?

Changed July 25, 2012 02:06PM UTC by Dan Kordik <dkordik.public@gmail.com> comment:3

Yes- selected jsFiddle's "jQuery (edge)" library, confirmed.

Changed July 25, 2012 02:07PM UTC by dmethvin comment:4

milestone: None1.8
resolution: → fixed
status: pendingclosed

Ok, then it was fixed in the effects rewrite.

Changed August 10, 2012 12:09AM UTC by dmethvin comment:5

component: unfiledeffects