Bug Tracker

Opened 6 years ago

Closed 6 years ago

#14517 closed bug (invalid)

FadeIn not working correctly on a div containing svg images

Reported by: rp.kaper@… Owned by: rp.kaper@…
Priority: undecided Milestone: None
Component: unfiled Version: 1.10.2
Keywords: Cc:
Blocked by: Blocking:

Description

The jQuery method .fadeIn (and possibly .fadeOut) don't work as expected on a div that contains svg images.

Animating the images directly works as expected.

Example Mark-up: <div class="circle">

<img src="img/circle.svg" width="200" height="200" alt=""> <img src="img/arrow.svg" width="14" height="13" alt="">

</div>

Example jQuery: $('.circle').hide().fadeIn(1000); Not consistent fade, unpredictable visual results. $('.circle img').hide().fadeIn(1000); Works fine

Change History (3)

comment:1 Changed 6 years ago by rp.kaper@…

Sorry, here's the formatted code:

<div class="circle">
  <img src="img/circle.svg" width="200" height="200" alt="">
  <img src="img/arrow.svg" width="14" height="13" alt="">
</div>
$('.circle').hide().fadeIn(1000); //Not consistent fade, unpredictable visual results.
$('.circle img').hide().fadeIn(1000); //Works fine

comment:2 Changed 6 years ago by dmethvin

Owner: set to rp.kaper@…
Status: newpending

Does it work with CSS transitions? Is this behavior consistent across all browsers?

comment:3 Changed 6 years ago by trac-o-bot

Resolution: invalid
Status: pendingclosed

Because we get so many tickets, we often need to return them to the initial reporter for more information. If that person does not reply within 14 days, the ticket will automatically be closed, and that has happened in this case. If you still are interested in pursuing this issue, feel free to add a comment with the requested information and we will be happy to reopen the ticket if it is still valid. Thanks!

Note: See TracTickets for help on using tickets.