Side navigation
#14273 closed bug (invalid)
Opened August 19, 2013 08:50PM UTC
Closed September 04, 2013 08:49AM UTC
.slideUp and .slideDown not working on canvas tags
Reported by: | daniel.hoffmann.bernardes@gmail.com | Owned by: | daniel.hoffmann.bernardes@gmail.com |
---|---|---|---|
Priority: | undecided | Milestone: | None |
Component: | unfiled | Version: | 2.0.3 |
Keywords: | Cc: | ||
Blocked by: | Blocking: |
Description
The title says it all, instead of doing the slide it does the .hide() and .show() animations instead.
How to reproduce:
<html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> <style type="text/css"> canvas { background-color: red; display: block; } </style> </head> <body> <canvas/> <script type="text/javascript"> "use strict"; $("canvas").click(function() { $("canvas").slideUp(1000); }); </script> </body> </html>
Attachments (0)
Change History (3)
Changed August 20, 2013 05:45PM UTC by comment:1
owner: | → daniel.hoffmann.bernardes@gmail.com |
---|---|
status: | new → pending |
Changed August 20, 2013 05:56PM UTC by comment:2
Opera 12.15 works as expected
Firefox 21.0 and Chrome 27.0.1453.93 shows the problem.
Sorry about not subimitting a fiddle before, It thought since it was so simple there was no need for a fiddle.
I can't test on IE or Safari right now (I should really setup some windows VMs here).
It seems the problem is that on those browsers the canvas tag tries to keep the aspect ratio, so when reducing the height it also reduces the width of the element. Not enterily sure if the jQuery team can (or should) work around this particular annoyance.
Changed September 04, 2013 08:49AM 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!
Hi, can you create a demonstration of the problem at jsFiddle.net please? Also, are you seeing the same behavior on all browsers?