Angular website not working on different browsers like Frefox and Safari - ruby-on-rails

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.

Related

How to troubleshoot application page hung issues in Internet Explorer 11 in Windows 7

we have a Struts 2 application. It has a web page that works fine in all browsers except IE 11. The page hangs while loading and stops responding. How to troubleshoot the page hung issues in IE 11 ? Please give some tips.
You could use a virtual machine to achieve so. Refer to Microsoft virtual machines download page for more information. The only problem is that you will be able to test IE8 as the minimum version. There is a specific VM with Windows 7 and Internet Explorer, so if you can use a VM you will be able to test your app.
Other possible solution is to use IETester, it has some bugs, but you can even download a debug bar for it.
Hope it helps.
Finally, we were able to resolve the hung issue in IE browser. We did the following :
In IE, we opened the F12 Developer Tools and went to the Debugger tab.
Clicked on the page that was getting hung.
In the Debugger tab, it showed the line number that was resulting in error. The error was something like "method not supported". The code was
document.form.submit="post".
Made changes in code to solve the error. I modified tag with property method="post" instead of "get".
This fixed the issue.

IE renders wrong glyphicons

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!

Polymer in Chrome for iOS - it is not working, right?

I was all excited over Polymer and starting developing a web app. I soon found out that Firefox fails loading the site correctly, see this SO post for details:
Polymer: Layout screwed up in Firefox, fine in Chrome
Then, I downloaded the latest version of Chrome on an iPhone 4 (iOS7) and the same thing for iPhone 6 (iOS8) and tried the website. I see the same errors as I see on Firefix (please see the link above).
In other words - going to my Polymer based website using Chrome for iOS fails just as bad as Firefox fails.
So, I'd just like to confirm that this is the case: Polymer does not work on iOS (no support in Safari, no support in Chrome for iOS). Correct?
As I also noted in my other SO question linked above, I was expecting it to work in all browser due to "polyfill", but that doesnt seem to help.
Am I missing something? =)
Note: Using Chrome for Android works fine, no errors there.
As I mentioned in the other thread, it's impossible to polyfill CSS scoping. Chrome on iOS is not actually Chrome, it's built using the iOS WebView (an old one at that), meaning there's no native Shadow DOM and no CSS scoping. The Shadow DOM polyfill does properly wrap DOM API methods like querySelector and getElementById, so you do get limited encapsulation, in that respect. But for CSS, the only thing the polyfill can do is rename your selectors, so :host .blah gets renamed to x-foo .blah and appended to a style tag in the head. It means you need to still write defensive CSS (as you do today) and avoid very loose selectors because they will be applied.
I experienced something very weird today and maybe it might help you.
My firefox was rendering as if polyfills didn't existed.So i went back to false on about:config dom.webcomponents.enabled and it came back to life.
Why? no clue.It worked, so, if you have dom.webcomponents.enabled true on firefox about:config might as well give it a try. IMHO looks like a polyfill bug on capable (yet buggy and poorly supported) web components browsers. worth a try.

Rails app refreshing on localhost - event.returnValue is deprecated warning

My Rails app on localhost started randomly refreshing when using the 'back' browser arrow. Chrome(31.0.1650.48) console reads:
event.returnValue is deprecated. Please use the standard event.preventDefault() instead.
I guess these issues are connected.
I also found this recent issue on jQuery bugtracker. Funny thing, but 10 hours ago everything was fine.
Anyone experiencing similar problems? What are the options?
EDIT: although I was browsing my app on localhost, I found out that a number of production websites are experiencing the same problem, showing the same console output, including 37signals
I believe this is largely due to the newest version of Chrome that you are using. I haven't found the exact details but it appears that Chrome has decided to deprecate this property which is currently used by jQuery.
Since it's just a deprecation, nothing will be broken yet, but it does mean that it will be removed in the future. Once jQuery fixes the issue you should probably try to update.
Edit: Sorry I missed the point - I would assume that the random refreshing is unrelated to the message you are seeing about event.returnValue
Check this link out Looks like the native js method 'event.returnValue' has been marked as deprecated in newer Chrome versions. http://bugs.jquery.com/ticket/14320

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.

Resources