Rendering issue: icon-spin fa-spin shake/wobble (chrome firefox)

[Katuva]

✋ please read #671 (comment) 👈

When using data-loading-text, for example:

data-loading-text=" Logging in..."

And then when the button is clicked and the "loading" property is set, the icon will wobble and shake as it spins.

Although, if you include the spinning icon on the button as normal, for example:

Log in

It spins fine.

I've only encountered this bug on Firefox (currently version 18), works perfectly on Chrome.

edit by tagliala
Firefox related issue: #3451

[davegandy]

Freaking Firefox. Been as much of a pain in this project as IE. Are you using 3.0.1? There's new Mozilla specific spin classes to help this issue. If it's still happening, let me know and I'll re-open.

[Katuva]

I can confirm I'm using 3.0.1, I even re-downloaded and double checked and the issue persists.

In my previous comment, it seems like my examples were stripped out, I'd be happy to send you the mako template where this issue happens?

[conrado]

I have a shake/wobble when using .icon-spin on Chromium (24.0.1312.56) and Chrome on Linux, Firefox (18.0.2) seems fine. Tested on 13d5dd3

I'm getting a shake/wobble on firefox 18.0.2 but not in Chrome or IE in certain circumstances. I haven't been able to pinpoint the exact cause however. (using font-awesome v3.0.2)

[bbruneau]

I'm getting wobble on all browsers under Windows 7, but it's a thing of beauty under OSX.

[conrado]

@davegandy ping

[jeanbza]

I'm getting a wobble on Chrome Version 26.0.1410.65 (fairly recent version). Any work on this?

[aisthesis]

ping! I'm also having the issue. Don't see why the issue was closed, as it still persists.

[tagliala]

can you please provide a fiddle explaining the issue?

[cqcn1991]

Same problem here, any solutions?

[BreadMaker]

Confirmed for latest version of Chrome (28.0.1500.71). The smaller the icon, more exaggerated is the movement. This issue affect the icon-spin class anywhere is invoked.

[tagliala]

I tried 3d rotation without any success. Rotating the icon-circle itself is an issue.

[aisthesis]

Under Windows 7, I'm having the issue in Firefox 22.0, Chrome 28.0.1500.72. IE 8-10 the wobble is barely visible, but looking closely at the case where I've been observing the issue, I think there's still a slight wobble. I'll do my best to set up a fiddle for the issue, but there's enough context that it may take some time.

[aisthesis]

Not my jsfiddle, but here's one with the issue: http://jsfiddle.net/Rnt9N/2/
Looks great on Mac but jittery on Firefox under Windows 7.