Stepper does not work yet it does on Demo page here in IE11


Topic: Stepper does not work yet it does on Demo page here in IE11

GUIProgrammer asked 5 years ago

Expected behavior

Vertical stepper component working shown here (MDB Stepper) on IE 11.

Actual behavior

I've updated to 4.9.0 and ran all of the GULP build scripts, yet I cannot get my stepper page to work in IE 11. However, on the demo page, it is working fine?

Resources (screenshots, code snippets etc.)

SCRIPT1002: Syntax errormdb.min.js (1,412827)jQuery.Deferred exception: Object doesn't support property or method 'mdbStepper' TypeError: Object doesn't support property or method 'mdbStepper' at Anonymous function (http://localhost:3000/js/ready.js:3:5) at e (http://localhost:3000/js/jquery-3.4.1.min.js:2:29445) at Anonymous function (http://localhost:3000/js/jquery-3.4.1.min.js:2:29755) undefinedSCRIPT438: Object doesn't support property or method 'mdbStepper'jquery-3.4.1.min.js (2,31118)

/* !
 * jQuery Validation Plugin v1.17.0
 *
 * https://jqueryvalidation.org/
 *
 * Copyright (c) 2017 Jörn Zaefferer
 * Released under the MIT license
 */
(function (factory) {
  if (typeof define === 'function' && define.amd) {
    define(['jquery'], factory);
  } else if (typeof module === 'object' && module.exports) {
    module.exports = factory(require('jquery'));
  } else {
    factory(jQuery);
  }
}(($) => {

It does not like the last line with the =>

Also, this is how I'm calling it

$(document).ready(function () {
    // Init the stepper
    $('.stepper').mdbStepper({
        autoFormCreation: false
    });
})

GUIProgrammer commented 5 years ago

It looks like the js/vendor folder does not get transpiled using babel. The code snippet above inside jQuery validation is using the arrow function which is not supported in IE 11.


GUIProgrammer commented 5 years ago

I guess what I could do for now is use babel on the dist/js/mdb.min.js file? I tried that but a parse error occurred because _defineProperties is already declared...


Grzegorz Bujański staff commented 5 years ago

Hi,

it seems to be a more serious error on IE11. I report that, and we'll start fixing it.

Best, Grzegorz


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Open

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.9.0
  • Device: Laptop
  • Browser: Internet Explorer 11
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: Yes