Side navigation
#14517 closed bug (invalid)
Opened November 05, 2013 06:18PM UTC
Closed November 25, 2013 08:31AM UTC
FadeIn not working correctly on a div containing svg images
Reported by: | rp.kaper@gmail.com | Owned by: | rp.kaper@gmail.com |
---|---|---|---|
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
Attachments (0)
Change History (3)
Changed November 05, 2013 06:21PM UTC by comment:1
Changed November 10, 2013 06:54PM UTC by comment:2
owner: | → rp.kaper@gmail.com |
---|---|
status: | new → pending |
Does it work with CSS transitions? Is this behavior consistent across all browsers?
Changed November 25, 2013 08:31AM UTC by comment:3
resolution: | → invalid |
---|---|
status: | pending → closed |
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!
Sorry, here's the formatted code: