The object doesn\\\\\\\'t support the property or method \\\


Topic: The object doesn\\\\\\\'t support the property or method \\\\

Schulz pro asked 4 years ago

Internet explorer fires this error every time I load a page: SCRIPT438: The object doesn't support the property or method "material_select". It fires on pages without any selects and it fires on pages with selects (mostly the default select to set the records per page). Pages with selects don't work. The select isn't visible and the search label is not where it's supposed to be. This is how it looks like on IE11 This is how it looks like on Firefox - everything is where it should be error screenshot
$('#availableExercises').DataTable({
        language: {
            processing:     "Bitte warten...",
            search:         "Suche :",
            lengthMenu:    "Zeige _MENU_ Einträge",
            info:           "Zeige Eintrag _START_ bis _END_ von insgesamt _TOTAL_ Einträgen",
            infoEmpty:      "Zeige Eintrag 0 bis 0 von 0 Einträgen",
            infoFiltered:   "(_MAX_ Einträge gefiltert)",
            infoPostFix:    "",
            loadingRecords: "Lädt...",
            paginate: {
                first:      "<<",
                previous:   "<",
                next:       ">",
                last:       ">>"
            },
        }
    });

    $('#availableExercises_wrapper').find('label').each(function () {
        $(this).parent().append($(this).children());
    });
    $('#availableExercises_wrapper .dataTables_filter').find('input').each(function () {
        $('input').attr("placeholder", "Suche:");
        $('input').removeClass('form-control-sm');
    });
    $('#availableExercises_wrapper .dataTables_length').addClass('d-flex flex-row');
    $('#availableExercises_wrapper .dataTables_filter').addClass('md-form');
    $('#availableExercises_wrapper select').removeClass('custom-select custom-select-sm form-control form-control-sm');
    $('#availableExercises_wrapper select').addClass('mdb-select');
    $('#availableExercises_wrapper .mdb-select').materialSelect();
    $('#availableExercises_wrapper .dataTables_filter').find('label').remove();

Sebastian Kaczmarek staff pro premium commented 4 years ago

Have you tried using .materialSelect() instead of .material_select() which is deprecated as mentioned in the changelog (https://mdbootstrap.com/changelog/#v4-5-9)?


Schulz pro commented 4 years ago

I tried your fix, but it only changes the error message. 
I added a screenshot of the error message and added some of my code. This is how I implemented the md-select for the datatable plugin. I found this example somewhere. It works in Firefox but not in IE11. Btw: I'm using MDB 4.5.12. Unfortunately this version is not available in the version select.


Sebastian Kaczmarek staff pro premium answered 4 years ago

It seems like the issue is occurring only on the IE browser which is currently not supported. We are doing our best to ensure compatibility with older browsers, however, due to technical limitations, it's not always possible. IE11 is almost 6 years old and doesn't support many crucial features. If we decided to fully support old browsers, we would neglect the development and improvement of our products. You can try to work around this issue and when you'll find the solution, do not hesitate to post it here for future readers.


FREE CONSULTATION

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

Status

Closed

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