Chosen 1.8.3 breaking changes

[hlnilsen]

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

[MatthiasGi]

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 }.

[ChrisHSandN]

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.