Uncaught TypeError: m.css is not a function in V4.0.2

I upgraded from 4.0.1-rc.1 to 4.0.2 but now I get the following error :

Uncaught TypeError: m.css is not a function @ select2.min.js:2

It happens on all browsers and OS’s, I’ve got jQuery v1.11.3.

This is my code to call the select2:

var $brandSelector = $('#brand').select2({
        ajax: {
            url: function(params){
                return '/api/brands';
            },
            dataType: 'json',
            delay: 250,
            processResults: function (data, params) {
                var select2Data = $.map(data, function (obj) {
                    obj.text = obj.name;
                    delete obj.name;
                    return obj;
                });
                return {
                    results: select2Data
                };
            },
            cache: false
        },
        language: appLocale,
        escapeMarkup: function (markup) { return markup; },
        placeholder: '{{trans('main.brand')}}',
        minimumInputLength: 1,
        dropdownParent: "#compareTab",
        templateResult: formatBrands,
        templateSelection: formatBrandSelection
    });

Did I do something wrong? Thanks in advance!

[gabn88]

Does this mean that it cannot be given as a data-* attribute in the HTML? 😦

[kevin-brown]

If you could get us the stack trace that is triggered when you are using the non-minified build of Select2. The stack trace for the minified build is pretty much useless, because it hides pretty much all of the debugging information.

My guess is that you need to pass in dropdownParent as dropdownParent: $('#compareTab'), because Select2 is most likely expecting the parent to be a jQuery/DOM object.