New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Closed
Katuva opened this Issue Jan 13, 2013 · 144 comments

Comments

Projects
None yet
@Katuva

Katuva commented Jan 13, 2013

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

This comment has been minimized.

Show comment
Hide comment
@davegandy

davegandy Jan 14, 2013

Member

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.

Member

davegandy commented Jan 14, 2013

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.

@davegandy davegandy closed this Jan 14, 2013

@Katuva

This comment has been minimized.

Show comment
Hide comment
@Katuva

Katuva Jan 14, 2013

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?

Katuva commented Jan 14, 2013

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

This comment has been minimized.

Show comment
Hide comment
@conrado

conrado Feb 19, 2013

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

conrado commented Feb 19, 2013

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

@ghost

This comment has been minimized.

Show comment
Hide comment
@ghost

ghost Feb 25, 2013

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)

ghost commented Feb 25, 2013

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

This comment has been minimized.

Show comment
Hide comment
@bbruneau

bbruneau Mar 6, 2013

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

bbruneau commented Mar 6, 2013

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

@conrado

This comment has been minimized.

Show comment
Hide comment
@conrado

conrado commented Mar 27, 2013

@davegandy ping

@jadekler

This comment has been minimized.

Show comment
Hide comment
@jadekler

jadekler Apr 19, 2013

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

jadekler commented Apr 19, 2013

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

@aisthesis

This comment has been minimized.

Show comment
Hide comment
@aisthesis

aisthesis Jun 25, 2013

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

aisthesis commented Jun 25, 2013

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

@tagliala

This comment has been minimized.

Show comment
Hide comment
@tagliala

tagliala Jun 30, 2013

Member

can you please provide a fiddle explaining the issue?

Member

tagliala commented Jun 30, 2013

can you please provide a fiddle explaining the issue?

@cqcn1991

This comment has been minimized.

Show comment
Hide comment
@cqcn1991

cqcn1991 Jul 14, 2013

Same problem here, any solutions?

cqcn1991 commented Jul 14, 2013

Same problem here, any solutions?

@BreadMaker

This comment has been minimized.

Show comment
Hide comment
@BreadMaker

BreadMaker Jul 23, 2013

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.

BreadMaker commented Jul 23, 2013

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

This comment has been minimized.

Show comment
Hide comment
@tagliala

tagliala Jul 23, 2013

Member

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

Member

tagliala commented Jul 23, 2013

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

@aisthesis

This comment has been minimized.

Show comment
Hide comment
@aisthesis

aisthesis Jul 23, 2013

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 commented Jul 23, 2013

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

This comment has been minimized.

Show comment
Hide comment
@aisthesis

aisthesis Jul 23, 2013

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.

aisthesis commented Jul 23, 2013

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.

@tagliala

This comment has been minimized.

Show comment
Hide comment
@tagliala

tagliala Jul 23, 2013

Member

it's not so bad for me (firefox 22 / w7 x64).

Member

tagliala commented Jul 23, 2013

it's not so bad for me (firefox 22 / w7 x64).

@hamxiaoz

This comment has been minimized.

Show comment
Hide comment
@hamxiaoz

hamxiaoz Sep 18, 2013

I have same issue using node-webkit v0.7.5.
Ended up using spin.js

hamxiaoz commented Sep 18, 2013

I have same issue using node-webkit v0.7.5.
Ended up using spin.js

@tagliala

This comment has been minimized.

Show comment
Hide comment
@tagliala

tagliala Dec 7, 2013

Member

reopening this one since it's also FontAwesome's fault

Member

tagliala commented Dec 7, 2013

reopening this one since it's also FontAwesome's fault

@tagliala tagliala reopened this Dec 7, 2013

@paldepind

This comment has been minimized.

Show comment
Hide comment
@paldepind

paldepind Dec 12, 2013

Doing .fa-spin { -webkit-filter: blur(0); } like this tweet suggests fixed it for me.

paldepind commented Dec 12, 2013

Doing .fa-spin { -webkit-filter: blur(0); } like this tweet suggests fixed it for me.

@tagliala

This comment has been minimized.

Show comment
Hide comment
@tagliala

tagliala Dec 12, 2013

Member

@paldepind thanks for sharing this solution

Can you please provide a fiddle showing the current spin and the proposed spin side by side?

You can fork this fiddle: http://jsfiddle.net/tagliala/HgYqA/

I'm not seeing differences in the wobble with Chrome on Windows 7. I'm just noticing the icon spinning "slower", like at the half fps rate

Member

tagliala commented Dec 12, 2013

@paldepind thanks for sharing this solution

Can you please provide a fiddle showing the current spin and the proposed spin side by side?

You can fork this fiddle: http://jsfiddle.net/tagliala/HgYqA/

I'm not seeing differences in the wobble with Chrome on Windows 7. I'm just noticing the icon spinning "slower", like at the half fps rate

@paldepind

This comment has been minimized.

Show comment
Hide comment
@paldepind

paldepind Dec 12, 2013

@tagliala you're welcome!

Here's a fiddle showing two spinners, one with and one without the fix: http://jsfiddle.net/paldepind/XLdQX/

I've tested with Chrome 30 and Firefox 24 on Linux. In Firefox everything is smooth but in Chrome the spinner without the fix is slightly wobbly. I'm not seeing any difference in rotation speed in any of the browsers though.

paldepind commented Dec 12, 2013

@tagliala you're welcome!

Here's a fiddle showing two spinners, one with and one without the fix: http://jsfiddle.net/paldepind/XLdQX/

I've tested with Chrome 30 and Firefox 24 on Linux. In Firefox everything is smooth but in Chrome the spinner without the fix is slightly wobbly. I'm not seeing any difference in rotation speed in any of the browsers though.

@tagliala

This comment has been minimized.

Show comment
Hide comment
@tagliala

tagliala Dec 12, 2013

Member

Chrome 32 on Windows 7 doesn't display the icon at all...

image

Member

tagliala commented Dec 12, 2013

Chrome 32 on Windows 7 doesn't display the icon at all...

image

@BreadMaker

This comment has been minimized.

Show comment
Hide comment
@BreadMaker

BreadMaker Dec 12, 2013

In GNU/Linux, with Chromium 30 the fix is working. Not the same for Firefox 26, because the filter property is not yet supported. https://developer.mozilla.org/en-US/docs/Web/CSS/filter

BreadMaker commented Dec 12, 2013

In GNU/Linux, with Chromium 30 the fix is working. Not the same for Firefox 26, because the filter property is not yet supported. https://developer.mozilla.org/en-US/docs/Web/CSS/filter

@aisthesis

This comment has been minimized.

Show comment
Hide comment
@aisthesis

aisthesis Dec 12, 2013

For Firefox 26 on Windows 8, both are still wobbly for me. In Chrome 31 on Windows 8, both look fine.
On Dec 12, 2013, at 2:20 PM, Felipe Peñailillo notifications@github.com wrote:

In GNU/Linux, with Chromium 30 the fix is working. Not the same for Firefox 26, because the filter property is not yet supported. https://developer.mozilla.org/en-US/docs/Web/CSS/filter


Reply to this email directly or view it on GitHub.

aisthesis commented Dec 12, 2013

For Firefox 26 on Windows 8, both are still wobbly for me. In Chrome 31 on Windows 8, both look fine.
On Dec 12, 2013, at 2:20 PM, Felipe Peñailillo notifications@github.com wrote:

In GNU/Linux, with Chromium 30 the fix is working. Not the same for Firefox 26, because the filter property is not yet supported. https://developer.mozilla.org/en-US/docs/Web/CSS/filter


Reply to this email directly or view it on GitHub.

@tagliala

This comment has been minimized.

Show comment
Hide comment
@tagliala

tagliala Dec 13, 2013

Member

Unfortunately it doesn't show on windows and sucks on OSX :(

http://jsfiddle.net/tagliala/XLdQX/2/

The spinning icon is not antialiased and keeps wobbling

screen shot 2013-12-13 at 10 46 39

I hoped this was a viable workaround but it isn't

Member

tagliala commented Dec 13, 2013

Unfortunately it doesn't show on windows and sucks on OSX :(

http://jsfiddle.net/tagliala/XLdQX/2/

The spinning icon is not antialiased and keeps wobbling

screen shot 2013-12-13 at 10 46 39

I hoped this was a viable workaround but it isn't

@paldepind

This comment has been minimized.

Show comment
Hide comment
@paldepind

paldepind Dec 13, 2013

@tagliala That's unfortunate. I had only tried the fix on my machine with Linux with great results.

paldepind commented Dec 13, 2013

@tagliala That's unfortunate. I had only tried the fix on my machine with Linux with great results.

@tagliala

This comment has been minimized.

Show comment
Hide comment
@tagliala

tagliala Dec 13, 2013

Member

@paldepind oh I know I remember that on my ubuntu machine the spinning stuff really sucks

Can you please give a try to subpixel transformations: http://jsfiddle.net/tagliala/96ULe/3/

Member

tagliala commented Dec 13, 2013

@paldepind oh I know I remember that on my ubuntu machine the spinning stuff really sucks

Can you please give a try to subpixel transformations: http://jsfiddle.net/tagliala/96ULe/3/

@paldepind

This comment has been minimized.

Show comment
Hide comment
@paldepind

paldepind Dec 13, 2013

Hi! I updated to Chrome 31 today and now the wobbling has disappeared. So maybe this problem will go away all by itself.

@tagliala not sure what I'm supposed to see. It all looks like it should I think. But again this is in Chrome 31 where I'm not seeing the wobble problem anymore.

paldepind commented Dec 13, 2013

Hi! I updated to Chrome 31 today and now the wobbling has disappeared. So maybe this problem will go away all by itself.

@tagliala not sure what I'm supposed to see. It all looks like it should I think. But again this is in Chrome 31 where I'm not seeing the wobble problem anymore.

@Donaldini

This comment has been minimized.

Show comment
Hide comment
@Donaldini

Donaldini Mar 9, 2017

I solved my issue by replacing the circle-o-notch icon by an svg version of it (with correction of the non-square aspect ratio).

Here's a fiddle for it: https://jsfiddle.net/vwqzv1mr/5/

Donaldini commented Mar 9, 2017

I solved my issue by replacing the circle-o-notch icon by an svg version of it (with correction of the non-square aspect ratio).

Here's a fiddle for it: https://jsfiddle.net/vwqzv1mr/5/

@Taygair

This comment has been minimized.

Show comment
Hide comment
@Taygair

Taygair May 17, 2017

I have the same problem (2017) with ALL browsers (IE, FF, Chrome, Safari). Didn't know its such a big problem to keep a spinner centered.

Taygair commented May 17, 2017

I have the same problem (2017) with ALL browsers (IE, FF, Chrome, Safari). Didn't know its such a big problem to keep a spinner centered.

@visualpharm

This comment has been minimized.

Show comment
Hide comment
@visualpharm

visualpharm May 27, 2017

I'm beginning a campaign, giving away the top requests for FA icons for free, open source. You can incorporate them in a number of ways: generating another icon font, svg set, or (my preference) compiling all FA and third party icons into a single file.

Different spin icons are here.

Previous ones were moderator, discord, coins, Google Play, thin Close, walking man, t-shirt, Xbox, Nintendo Wii U, Nintendo, PlayStation, Facebook messenger and Line icons.

Please let me know if you want me keep going these icon requests, or compile some upgrade file, or how should we do it?

visualpharm commented May 27, 2017

I'm beginning a campaign, giving away the top requests for FA icons for free, open source. You can incorporate them in a number of ways: generating another icon font, svg set, or (my preference) compiling all FA and third party icons into a single file.

Different spin icons are here.

Previous ones were moderator, discord, coins, Google Play, thin Close, walking man, t-shirt, Xbox, Nintendo Wii U, Nintendo, PlayStation, Facebook messenger and Line icons.

Please let me know if you want me keep going these icon requests, or compile some upgrade file, or how should we do it?

@Dhanck7

This comment has been minimized.

Show comment
Hide comment
@Dhanck7

Dhanck7 Jul 6, 2017

Not shore if this will help but I've managed to make the spinner static by fiddling a bit with the CSS. I tested both Glyphicons and FontAwesome fonts, just to see witch one looked better. I tried rotating the icon and rotating a container with and icon. There are 5 key parameters to make this work (font-size, height, width, line height and text indent).

You can find and example here:
https://jsfiddle.net/Dhanck/syb9qubj/2/

looking forward to version 5!!

Dhanck7 commented Jul 6, 2017

Not shore if this will help but I've managed to make the spinner static by fiddling a bit with the CSS. I tested both Glyphicons and FontAwesome fonts, just to see witch one looked better. I tried rotating the icon and rotating a container with and icon. There are 5 key parameters to make this work (font-size, height, width, line height and text indent).

You can find and example here:
https://jsfiddle.net/Dhanck/syb9qubj/2/

looking forward to version 5!!

@Taygair

This comment has been minimized.

Show comment
Hide comment
@Taygair

Taygair Jul 6, 2017

@Dhanck7: Thanks for you sharing this! What a CSS orgy is required to make it work! In between I found a simple animation "outside" Font Awesome that works out of the box!

Still can't believe they got over 1 million for Font Awesome 5 from Kickstarter but are unable to make a simple animation working properly. sigh

Taygair commented Jul 6, 2017

@Dhanck7: Thanks for you sharing this! What a CSS orgy is required to make it work! In between I found a simple animation "outside" Font Awesome that works out of the box!

Still can't believe they got over 1 million for Font Awesome 5 from Kickstarter but are unable to make a simple animation working properly. sigh

@My1

This comment has been minimized.

Show comment
Hide comment
@My1

My1 Jul 6, 2017

well as you can already see these animations are quite complicated, this doesnt work so easily.

the problem is that we are dealing with characters, aka text, not images which makes this a lot more complicated.

My1 commented Jul 6, 2017

well as you can already see these animations are quite complicated, this doesnt work so easily.

the problem is that we are dealing with characters, aka text, not images which makes this a lot more complicated.

@Dhanck7

This comment has been minimized.

Show comment
Hide comment
@Dhanck7

Dhanck7 Jul 6, 2017

And how about this way:
https://jsfiddle.net/Dhanck/9t6y85jx/2/

Just adjusting a 3 parameters and using the default animation behaviour from FontAwesome...

You could also use JavaScript to remove the line gap property I guess.

Dhanck7 commented Jul 6, 2017

And how about this way:
https://jsfiddle.net/Dhanck/9t6y85jx/2/

Just adjusting a 3 parameters and using the default animation behaviour from FontAwesome...

You could also use JavaScript to remove the line gap property I guess.

@robmadole

This comment has been minimized.

Show comment
Hide comment
@robmadole

robmadole Aug 2, 2017

Collaborator

Alright, everyone.

With version 5 on the horizon I think we've fixed this with the new SVG framework. I just did a battery of tests using the new SVG "cog" and the spin is perfectly centered in the dozens of browsers that I tested.

If you've backed the Kickstarter or pre-ordered and have access to the latest alpha release (available for download from within your account) can you help me test this out?

I'd love to put this issue to bed with Font Awesome 5!

Collaborator

robmadole commented Aug 2, 2017

Alright, everyone.

With version 5 on the horizon I think we've fixed this with the new SVG framework. I just did a battery of tests using the new SVG "cog" and the spin is perfectly centered in the dozens of browsers that I tested.

If you've backed the Kickstarter or pre-ordered and have access to the latest alpha release (available for download from within your account) can you help me test this out?

I'd love to put this issue to bed with Font Awesome 5!

@Taygair

This comment has been minimized.

Show comment
Hide comment
@Taygair

Taygair Aug 2, 2017

Great to hear! I haven't backed Font Awesome 5 but I'm willing to buy it after release. Do all icons in Font Awesome 5 have the same height and width? It sometimes screwed up my GUI just by different height/width.

Taygair commented Aug 2, 2017

Great to hear! I haven't backed Font Awesome 5 but I'm willing to buy it after release. Do all icons in Font Awesome 5 have the same height and width? It sometimes screwed up my GUI just by different height/width.

@robmadole

This comment has been minimized.

Show comment
Hide comment
@robmadole

robmadole Aug 7, 2017

Collaborator

@Taygair the icons have the same height but the width varies.

Collaborator

robmadole commented Aug 7, 2017

@Taygair the icons have the same height but the width varies.

@Taygair

This comment has been minimized.

Show comment
Hide comment
@Taygair

Taygair Aug 7, 2017

I know... On using the fa-rotate the height turns to width and visa versa. There are some icons that do have - visually - the same height and width (symmetric ones) but they don't. It would be nice if they would have the same height/width (in FA5).

Taygair commented Aug 7, 2017

I know... On using the fa-rotate the height turns to width and visa versa. There are some icons that do have - visually - the same height and width (symmetric ones) but they don't. It would be nice if they would have the same height/width (in FA5).

@afanasy

This comment has been minimized.

Show comment
Hide comment
@afanasy

afanasy Sep 21, 2017

I see that it's probably going to be fixed in the upcoming FA⁵ release, but just in case smb needs a quick fix for the .fa-circle-o-notch, here is little dirty css replacement

.loader {
  width: 1em;
  height: 1em;
  border: .1em solid black;
  border-right-color: transparent;
  border-radius: 50%;
  animation: fa-spin 2s infinite linear;
}

afanasy commented Sep 21, 2017

I see that it's probably going to be fixed in the upcoming FA⁵ release, but just in case smb needs a quick fix for the .fa-circle-o-notch, here is little dirty css replacement

.loader {
  width: 1em;
  height: 1em;
  border: .1em solid black;
  border-right-color: transparent;
  border-radius: 50%;
  animation: fa-spin 2s infinite linear;
}
@robmadole

This comment has been minimized.

Show comment
Hide comment
@robmadole

robmadole Oct 11, 2017

Collaborator

So far this appears to be working well with the SVG framework. Closing unless someone finds this to be false.

Collaborator

robmadole commented Oct 11, 2017

So far this appears to be working well with the SVG framework. Closing unless someone finds this to be false.

@tagliala

This comment has been minimized.

Show comment
Hide comment
@tagliala

tagliala Oct 20, 2017

Member

working well with the SVG framework

If webfonts are still affected and FA5 free will be affected too, I should label this as wontfix and advise to consider a svg solution for spinning icons

Member

tagliala commented Oct 20, 2017

working well with the SVG framework

If webfonts are still affected and FA5 free will be affected too, I should label this as wontfix and advise to consider a svg solution for spinning icons

@robmadole

This comment has been minimized.

Show comment
Hide comment
@robmadole

robmadole Oct 20, 2017

Collaborator

@tagliala agreed. I'm afraid that web fonts will always be plagued with issues around this so SVG is the best solution if this is an issue. We'll have FA5 Free out just as soon as we can.

Collaborator

robmadole commented Oct 20, 2017

@tagliala agreed. I'm afraid that web fonts will always be plagued with issues around this so SVG is the best solution if this is an issue. We'll have FA5 Free out just as soon as we can.

@My1

This comment has been minimized.

Show comment
Hide comment
@My1

My1 Oct 20, 2017

well SVG framework isnt bad but has one annoying thing: Javascript.

there are many reasons why ppl use things like noscript to protect themselves from stuff js might do and when stuff doesnt work with JS it's ugly imo.

I mean we have things like @font-face and CSS animations and whatnot so that JS is no longer needed for tasks like these and that's a good thing.

My1 commented Oct 20, 2017

well SVG framework isnt bad but has one annoying thing: Javascript.

there are many reasons why ppl use things like noscript to protect themselves from stuff js might do and when stuff doesnt work with JS it's ugly imo.

I mean we have things like @font-face and CSS animations and whatnot so that JS is no longer needed for tasks like these and that's a good thing.

@tagliala tagliala removed this from the 5.0.0 milestone Oct 20, 2017

@tagliala tagliala added the wontfix label Oct 20, 2017

@tagliala

This comment has been minimized.

Show comment
Hide comment
@tagliala

tagliala Oct 20, 2017

Member

Sorry, 😢

labeled as wontfix, but it is actually a "can't fix"

TL;DR
Please make sure that you are using a font size multiple of 14px for your spinner. It helps.
If you are not satisfied and you need a pixel perfect spinner, please consider to use an animated SVG spinner.

Member

tagliala commented Oct 20, 2017

Sorry, 😢

labeled as wontfix, but it is actually a "can't fix"

TL;DR
Please make sure that you are using a font size multiple of 14px for your spinner. It helps.
If you are not satisfied and you need a pixel perfect spinner, please consider to use an animated SVG spinner.

@PeterShaggyNoble

This comment has been minimized.

Show comment
Hide comment
@PeterShaggyNoble

PeterShaggyNoble Oct 20, 2017

@My1, you don't need JS to animate SVG, you can use CSS.

PeterShaggyNoble commented Oct 20, 2017

@My1, you don't need JS to animate SVG, you can use CSS.

@robmadole

This comment has been minimized.

Show comment
Hide comment
@robmadole

robmadole Oct 20, 2017

Collaborator

good call @tagliala ..."can't fix" is more accurate. I've tried multiple times :D

Collaborator

robmadole commented Oct 20, 2017

good call @tagliala ..."can't fix" is more accurate. I've tried multiple times :D

@tagliala tagliala added cantfix and removed wontfix labels Oct 20, 2017

@My1

This comment has been minimized.

Show comment
Hide comment
@My1

My1 Oct 21, 2017

well but the SVG framework will only load in a JS-enabled browser.

I tried already.

if you have FA Pro, get the demo server, disable js (easy to do in chrome) and access

http://localhost:3344/docs/svg-framework.html

you will see that no icon will load.

you can probably do the svgs alone, but my response was precisely towards the ones who said SVG Framework.

also who has this issue? I tried @tagliala 's link in Firefox chrome and opera and didnt notice much wobble (and I certainly should be able to notice anything weird in the pixels when I go like 5cm close to my 42 inch FHD Screen where you can easily see the pixels)

also foa FA5 would it become 16px then coz the base size changes?

My1 commented Oct 21, 2017

well but the SVG framework will only load in a JS-enabled browser.

I tried already.

if you have FA Pro, get the demo server, disable js (easy to do in chrome) and access

http://localhost:3344/docs/svg-framework.html

you will see that no icon will load.

you can probably do the svgs alone, but my response was precisely towards the ones who said SVG Framework.

also who has this issue? I tried @tagliala 's link in Firefox chrome and opera and didnt notice much wobble (and I certainly should be able to notice anything weird in the pixels when I go like 5cm close to my 42 inch FHD Screen where you can easily see the pixels)

also foa FA5 would it become 16px then coz the base size changes?

@FreezePhoenix

This comment has been minimized.

Show comment
Hide comment
@FreezePhoenix

FreezePhoenix Dec 22, 2017

how is this a huge problem

FreezePhoenix commented Dec 22, 2017

how is this a huge problem

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment