alxlit/bootstrap-chosen

Chosen 1.8.3 breaking changes

hlnilsen opened this issue · 2 comments

hlnilsen commented

Version 1.8.3 introduces some changes to how the input field is rendered, which breaks the styling. Single element only.

MatthiasGi commented

The search-input on a collapsed select is rendered above the span with the currently selected item. So a temporary fix that works for me is .chosen-single .chosen-search-input { display: none }.

  • 👍1
ChrisHSandN commented

The above solution of using display: none causes an issue where it is not possible to tab to the field.

The chosen library hides it like this:

.chosen-container-single .chosen-single input[type="text"] {
    cursor: pointer;
    opacity: 0;
    position: absolute;
}

Which seems to work better.

  • 👍3