wilq32-pwitkowski / jqueryrotate

jQueryRotate - plugin to rotate images by any angle cross-browse with animation support
http://jqueryrotate.com
152 stars 58 forks source link

Spinning a <span> in Chrome does not work #41

Closed GoogleCodeExporter closed 9 years ago

GoogleCodeExporter commented 9 years ago
What steps will reproduce the problem?
1. Create a <span>: <p><span class="orange">A</span>lex Designs</p>
2. Rotate code:
      $('.orange').rotate({bind:{
      mouseover: function(){
          $(this).rotate({
            angle: 0, 
            animateTo:360
          })
      }
      }
      });
3. Tried in Google Chrome and IE8, does not work. Works in many versions of 
Firefox and Opera, and in IE9. Have not tried Safari.

What is the expected output? What do you see instead?
I expect that letter to rotate. Instead, nothing happens. It treats it as 
regular text.

What version of the product are you using? On what operating system?
13.0.782.107 m on Windows 7 64-bit.

Please provide any additional information below.
I think that's about it.

Original issue reported on code.google.com by alexj.pa...@gmail.com on 4 Aug 2011 at 2:46

GoogleCodeExporter commented 9 years ago
As description of the project says:

"jQuery plugin that rotate images (and animate them) by any angle"

However its odd that it doesn't work in chrome (as I use CSS transition there - 
so it should also works for other elements as well) 

Can you have some test file exposed on some server ? (As I currently have no 
other way of debug)

Original comment by wil...@gmail.com on 4 Aug 2011 at 2:53

GoogleCodeExporter commented 9 years ago
Ok, figured out what causes the issue: it won't spin when the item to rotate is 
inline. It's odd that this is only a problem on Chrome though, as all other 
standards-compliant browsers rotate it fine.

Semi-solution: set the span's properties to display: block; and it'll work. 
Messes up how everything looks though.

Original comment by alexj.pa...@gmail.com on 4 Aug 2011 at 2:54

GoogleCodeExporter commented 9 years ago
And here's the link to my site if you want to check it out:
http://crazyap7.0sites.org/home_website/

Original comment by alexj.pa...@gmail.com on 4 Aug 2011 at 2:54

GoogleCodeExporter commented 9 years ago
Final comment: I was being stupid, forgot I could also use, display: 
inline-block;

Works fine now, great plugin :)

Original comment by alexj.pa...@gmail.com on 4 Aug 2011 at 2:55

GoogleCodeExporter commented 9 years ago
Good to know ! Cheers!:)

Original comment by wil...@gmail.com on 4 Aug 2011 at 3:07