Required fields can not be focusable

[oswaldoacauan]

Error: An invalid form control with name=''" is not focusable.
File: /examples/required.html
Browsers: Chrome v40 and Chrome Canary v43
SO: Windows 7

Ref.: #63 and #136

Seems that the issue is back 😅

[scaytrase]

Confirm, required inputs become hidden and unfocusable (which leads to submit fail). Also I cannot make the selectized input required.

[conarwelsh]

same here

[therocode]

Also experiencing this

[rudymacias]

Same here.

[seanodotcom]

Seeing this in Chrome 42 as well.

[chibicode]

Same here on Chrome 43.

[Alex-Sokolov]

Some sort of workaround...

Let style invalid selects with red border

.selectize-control.invalid > .selectize-input {
    border-color: red;
}

And in init of each select add code for checking validation

$('select').each(function() {
    var $select = $(this).selectize(options);
    selectizeValidationFix($select);
});

function selectizeValidationFix($select) {

    var self = $select[0].selectize;

    self.$input.on('invalid', function (event) {
        event.preventDefault();
        self.focus(true);
        self.$wrapper.addClass('invalid');
    });

    self.$input.on('change', function (event) {
        if (event.target.validity && event.target.validity.valid) {
            self.$wrapper.removeClass('invalid');
        }
    });

}

Result: no error message in console about "not focusable" and styling invalid selects with red border. But if on page few selects - all opened together

[dexcell]

Yeah, hopefully this bug is going to fixed soon.

I did a quick dirty fix since i also need it. At least it worked for me.
On selectize.js (un-minified) line 2655.

Change the code from

self.$control_input.prop('required', invalid);

to

self.$control_input.prop('required', self.$input.val() == '');
self.$input.prop('required', false);

Use at your own risk. Only tested aganist dropdown style of selectizejs.
Hopefully it help someone.

[oswaldoacauan]

@brianreavis any thoughts on this?

[sintro]

Same problem, "is not focusable" problem is still here