IE renders wrong glyphicons - ruby-on-rails

I am building a Rails app that uses Bootstrap and its components. On one page I have a datepicker which used glyphicon-chevron-left and glyphicon-chevron-right.
However, when the site is oped on IE, surprisingly, there is a bug. Occasionally, IE renders wrong icons. The bug is really random and sometimes I struggle to reproduce it. You can see the error and the code in the picture below:
Wrong glyphicon
Has any of you encountered that? I've tried googling the problem but haven't found a soution. What could be causing that issue?
Any help will be highly appreciated!

Related

Angular website not working on different browsers like Frefox and Safari

When I open the website on safari and Firefox , it shows me an errors Assertion Failed.Can someone help me with this.
I have solved this issue. It throwing an error beacause I have use the flag-icon-css directive for showing flags.When I have removed this directive its working well.

Partials Not Rendering in Safari Only - Rails

I use "inspect" on Safari to see why... and the HTML is all there, but it just isn't visible. It is the weirdest thing to me. Works flawlessly in Chrome. I haven't encountered this before, so I am at a loss on how to debug this. Could anybody point me in a direction so I can try to debug? HTML is all there, but looks blank inside the browser. I can provide code if it helps?

Bootstrap 3 with Skrollr site getting cut off on ios?

I've been creating a portfolio website for a friend. In an attempt to make the site responsive and artsy, I chose to pull in twitter bootstrap and skrollr. I noticed that in safari in iOS that the site seems to be cut off at a certain point. Has anyone else ran into this issue before? I have provided a link below in case anyone notices anything obvious.
http://jennaparysek.com/
Thanks!
A lot of people (including myself) are having troubles when using skrollr on mobile devices. In order to use both "fixed" and "relative/absolute" position at the same time, you have to put all the divs that are not fixed inside a div called #skrollr-body
However, the real problem is that your skrollr is being confused when getting the height of your
skrollr-body. you can try to put forceHeight: false inside your skrollr.init()
if that doesn't work, it might because skrollr doesn't know where is the end of #skrollr-body, so just put an empty div after your #skrollr-body and give it a keyframe. It should works just fine now :)

Google Analytics MIME type issue in Chrome using Rails 3

I'm adding GA to a Rails 3 app, which would normally be extremely simple, of course. I've added the GA JS snippet, which is rendering just fine. Everything works perfectly in Safari. In Chrome, however, it's giving me a console error: Resource interpreted as Script but transferred with MIME type text/html: "about:blank", pointing to the JS line that loads the ga.js file: s.parentNode.insertBefore(ga, s). Some things I've investigated:
I created a plan HTML page with the JS snippet, and it loads outside Rails in Chrome with no error.
The same HTML page, when put in /public, gives the error above.
The same HTML page, loaded in Safari from /public, doesn't give any error according to Firebug.
I tried the GA Debug extension in Chrome, but it remains silent, because ga.js isn't getting loaded.
Looking at the developer console in Chrome, I see a request for "http://www.google-analytics.com/ga.js" that seems to stay in "pending" state, and a redirect to "about:blank" seemingly initiated by http://www.google-analytics.com/ga.js, which makes very little sense.
So this seems to be related to Rails (since the snippet works in the HTML outside Rails), and doesn't affect Safari, but other than that I'm stumped. Hopefully I've just been staring at it wrong, and someone else will point out the obvious to me...? Anyone come across this before? Any ideas will be very much appreciated.
Came across this issue myself. "Disconnect" disabled share buttons on my site (g+, twitter and fb). Had to remove it to view the site properly.

CSS3PIE & HTML5shiv printing issues IE8

I'm having problems using CSS3PIE & HTML5shiv for this huge website. It comes down to printing issues in IE8. Whenever I want to print a webpage, IE8 just seems to crash. I've done some research and this printing crash seems related to the use of CSS3PIE and HTML5shiv.
Any way I can avoid this problem in IE8? Thanks in advance!

Resources