How can I use jQuery validation with the “chosen” plugin?

Answer 1

I ended up solving it by doing the following:

This was for Chosen v1.8.7:

1. Open chosen.js and on line 199 locate this:

this.form_field_jq.hide().after(this.container),

2. Replace that with this:

this.form_field_jq.addClass('chosen-master').after(this.container),

3. Add these CSS attributes to that class:

.chosen-master {
  display: inline-block !important;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  border: 0;
}

Reference: https://stackoverflow.com/a/64491538/7353382