Symbol undefined error for dropzone in IE11 - dropzone.js

The latest dropzone.js version does not seem to work in IE11. How to test?
1) Open up https://www.dropzonejs.com/examples/simple.html in IE11
2) dropzone not clickable and files cannot be dragged and dropped
The error via F12 console is:
'Symbol' is undefined
File: dropzone.js, Line: 3196, Column: 11
if (_didIteratorError32) {
throw _iteratorError32;
}
How can this be solved?

I solved this issue by adding following script tag.
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-polyfill/7.8.7/polyfill.min.js"></script>
Dropzone.js had arrow functions and lot of other things which are not supported in IE11. Therefore, it converted from es6 to es5 using Babel.
After researching a bit found that it needed polyfill support and hence script.

I had same issue with 'Symbol' is undefined in IE11 with Dropzone.js version 5.7.0 release that was (at the time of writing) still referenced from Dropzone.js website.
Issue was actually solved just by downloading latest release from GitHub which (at the time of writing) was Release v5.9.2.
So no need for explicit babel-polyfill anymore.
https://github.com/dropzone/dropzone/releases

I solved this problem when I downloaded the script directly from the website https://www.dropzonejs.com/js/dropzone.js?v=1583771423.

Related

Firefox Annotator SDK tutorial, cannot get the annotator button to work

Link to the tutorial
I am trying to get to grips with Firefox SDK development using the tutorials on MDN. The annotator tutorials seem very good but CFX Run fails on the first control stage.
The tutorial uses the widget API that was deprecated in Firefox 29 but I tried downgrading Firefox 28 and the tutorial still doesn't work even when I am copy and pasting the code directly from the page code. When I come to the end of the Implementing the widget page I only get the following message when trying to click the widget icon (the first time, then nothing hapens).
(C:\Users\myname\Firefoxplayground\addon-sdk-1.16) C:\Users\myname\Firefoxplay
ground\pageMod>cfx run
Using binary at 'C:\Program Files (x86)\Mozilla Firefox\firefox.exe'.
Using profile at 'c:\users\sigvard\appdata\local\temp\tmpg3kq0j.mozrunner'.
console.error: pagemod:
Error opening input stream (invalid filename?)
JavaScript strict warning: chrome://browser/content/urlbarBindings.xml, line 666
: reference to undefined property this._value
JavaScript error: chrome://browser/content/urlbarBindings.xml, line 648: aUrl is
undefined
The issue was caused by a bug in the Firefox SDK.
Updating to Firefox SDK 1.16 and initializing a new folder for the project solved it.

New firefox + firebug breaks select2 in wrapbootstrap pixel-admin theme

I'm getting a TypeError: elem.dispatchEvent is not a function using select2 in jquery using the wrapbootsrap pixel-admin theme.
It can be reproduced in firebug on the demo site via http://radiant-ocean-4606.herokuapp.com/forms-advanced.html
Firefox Version: 29.0.1
Firebug Version: 1.12.8
It's a similar error message to this question:
"element.dispatchEvent is not a function" js error caught in firebug of FF3.0
But the answer there doesn't help me as my site is all jquery (well as far as I know - I did somewhat accept the theme bundle as it came for the time being until I have time to really rip it apart and modify it in detail).
This was caused by changes to the browser, the solution was to stop using firebug. The features firebug offered are ubiquitous now!

ckeditor error: TypeError: b.lang.contextmenu is undefined

I'm getting headaches with resolving the following CK Editor error:
TypeError: b.lang.contextmenu is undefined
I've downloaded the latest version of Ck Editor (4.3.4). The old version 4.2 used to work fine.
Ck Editor will cause error in both Firefox and Chrome. I tried clearing the cache, downloading the compressed and uncompressed (as said to be a resolution in some cases) version as well as defining CKEDITOR_BASEPATH path.
I also tried removing contextmenu plugin, without success.
Does anyone have the idea why is that happening?
Thanks for help

kendoui getting started does not work - js has invalid token

I am looking at KendoUI for a js app that will run in house. I download the kendoui (either opensource or the latest from them) and follow these very simple directions:
http://docs.kendoui.com/getting-started/introduction
Doing exactly as they suggest results in a js error of (same js error if I run the files through a local apache server or directly as file:// in Google Chrome).
Uncaught SyntaxError: Invalid regular expression: missing /server/js/kendo.web.min.js:10
Uncaught TypeError: Object [object Object] has no method 'kendoDatePicker'
What gives?
The js files are found and loading. But it chrome complains about
GET http://0.0.0.0:7773/server/js/jquery.min.map 404 (Not Found)
Perhaps these instructions are old?
Update:
It appears that the js files in the Kendo downloads are corrupt today. It works if I either link directly to the Kendo CDN, or if I download web.ui from github. Its not my zip expansion software (OS X 10.8), as the query 1.9.1 included in the kendo download works perfectly.
This is due to a known issue. Long story short you need to download the bits again and use the updated JavaScript files.

Highcharts - IE8 not rendering chart correctly

We have a chart that is rendering incorrectly in IE8. We just updated the Highcharts.js file yesterday with the latest version as we were receiving a script error on "d.join". Now we don't get any script error and our page continues to load properly, a step in the right direction, however the chart is missing the axis and plot lines and the coloring.
Here is what the chart looks like in Chrome/IE10/IE9:
and in IE 8:
Please help me figure this out. Thanks!
It looks like your problem is due to upgrading to jQuery 2.x. jQuery has intentionally dropped support for Internet Explorer 8 and below. See http://blog.jquery.com/2013/04/18/jquery-2-0-released/
Your solution would be to either
Downgrade to jQuery 1.x
Drop your support for Internet Explorer 8

Resources