XML Data Loads in Chrome & Safari, but not Firefox - javascript

I've been racking my brain trying to figure this out since it hasn't been an issue with previous builds, but for the life of me cannot find an answer.
If you go to knitstitchmedia.com/sandbox/html/index.html in Chrome or Safari and input a zip code (just skip through the message pop-up box), you'll see the map loads with the store locations. However, this isn't working in Firefox and simply reloads the page.
I'm not sure if it's because I'm not using English in the XML and that's causing Firefox not to work. I do know that if there were an error in my XML entries, it wouldn't work in any browser; thus, I am completely confused on what the issue could be.
Thoughts? And, THANK YOU!

Related

Google Invisible reCAPTCHA breaks Firefox JavaScript

I have tried pretty much every which way to configure the Google Invisible reCAPTCHA widget, but there is always an issue with the latest Firefox browser, detailed as follows:
add the plugin to a web page, which has other JS such as a dropdown menu
load the web page
keep loading the web page over and over, in an attempt to catch it 'half loaded'
eventually you will see for a split second an alert "The page at https://www.google.com says: Cannot contact reCAPTCHA. Check your connection and try again"
from now on, JavaScript is entirely broken until you restart the Firefox window
This never happens in Chrome, and appears to be Firefox only. I am surprised to not find any reports of this major issue with vendors Google and Firefox (unsure which party is to blame), so created this ticket.
This issue can be replicated on the official Google Invisible reCAPTCHA Demo by quickly reloading the page. This will eventually show the alert and break the entire demo, making all form inputs unresponsive until the Firefox window is closed and re-opened.
At the time of writing, I am using OSX Firefox 57.0.1 (64-bit) to replicate this issue, but has also been replicated on the same Firefox under Windows 10.
Update after valid comment from Federico, as this is being reported a lot but no solutions or workarounds that I can find: Google Groups Search
Is this a known issue and are there any plans to resolve from either Firefox or Google, or more importantly has anybody managed to put a workaround in place in the meantime?
I think the issue is resolved now. Try again and it is giving successful verification. I guess it was a bug which they fixed. If the problem still persists please try upgrading Firefox to the latest version.

Instagram embedding not working safari

I am creating an Instagram feed dynamically from AJAX. It wasn't 'rendering', so after researching I found the following answer
https://stackoverflow.com/a/27409565/3316722
which says, call this...
window.instgrm.Embeds.process()
I was excited when it worked on Chrome, but it did not work in Safari, either on desktop or mobile. I opened console log in Safari and ran that code, but it did nothing, whereas it works from Chrome console.
I thought it may be a dynamic issue, so I put the feed on a static page and the instagram posts are still not 'rendering' properly.
Lost entire day, can't find any more details. Help would be greatly appreciated.
It appears you must be logged in to Instagram on each browser in order for the rendering to work properly.

Website only works completely when I cache refresh on Chrome, works fine on other browsers

having a bit of a weird bug. This just started happening in the last 2 days with Chrome only -- the website works fine with Firefox/Opera/IE11 etc. I have no code that messes with the caching of my website to my knowledge.
I am using Google Polymer in order to load shadowDOM custom elements into my DOM. I have a script that still works fine for IE that detects whether the website is IE10 or below, and if it is, doesn't load the script, because if I load the platform.js in IE10 and below my website will just not load at all. Everything was working fine with the script until about 2 days ago when suddenly platform.js is not loading in Chrome, so none of my polymer elements are loading now UNLESS I shift+cmd+refresh my website, clearing the cache.
Was something updated with Chrome / Polymer in the last few days that would have broken this for some reason?
Has anyone encountered this kind of thing where a website will only work when you hard refresh it? I am so confused. Any help would be appreciated. Thanks!
Are you using Polymer 0.5.*? Because if so, you need to load webcomponents.js, not platform.js.

Firebug Lite makes my site work in IE

So, I have a heavy page that does a ton of JavaScript and has some huge SVG elements. It's been working great in Webkit/Gecko, but I am now testing in IE and the page doesn't load (well, it loads but most of my JavaScript never seems to run).
First thing I did was drop Firebug Lite into the page to see what's happening, but after I did that, the page loads and functions perfectly in IE! However I don't see the little bug icon to get to the console.
Since I still don't have a console, I'm having trouble figuring out what's happening. Perhaps Firebug defined some variables (console?) that my page needed? Can anyone give some guidance on how to proceed here?
I'll make this an answer since my comment seemed to solve your problem.
If you have uncommented console.log code when running in IE, IE will bark errors at you and fail to properly run the script. Opening a console (IE or Firebug Lite) typically allows the code to run, however you obviously cannot count on your visitors doing this, therefore it's always best to remove or comment out all console.log() calls when releasing production code.
Okay I think I figured this out. console is only defined in IE8+ IF the developer console has been opened and the page refreshed. So including Firebug Lite probably made my page work by itself defining console.
So I'll just have to comment out my console.log statements when the page is public.

Firefox and IE continue to load after content has been inserted into a DIV

I have a situation where I'm inserting javascript generated HTML code into a DIV. One would think this would be a no brainer, but for some reason, once the code is in, the status bar and tab loading graphics start up in both browsers and never stop again. The page continually appears to be loading data, but in reality, there's nothing more to load. Any idea why this may be happening? Solutions? I appreciate any help. Thanks!
Install the Firebug plug-in for Firefox. Open it up and got to the NET tab. That will allow you to see your network activity. Something on the server may be stalling. This will help you find it.

Categories