The dropdown is visible and items are selectable when the input element is disabled. Form validation filters out the selected values but they are visible on the UI before submitting the form. Only 4.x is affected because older versions use a different library where it is properly implemented: https://github.com/harvesthq/chosen
Add a field to a content type and use the chosen widget. Disable the field in a form alter hook:
$form['your_field']['#disabled'] = TRUE;
The bug is coming from the library jjj/chosen, I reported the issue and created a PR in the repository of the library:
https://github.com/JJJ/chosen/issues/56
https://github.com/JJJ/chosen/pull/57
Note that the PR https://github.com/JJJ/chosen/pull/57 is against the master branch. Because the project is automatically built by grunt and this contrib module uses the tag 2.2.1 I had to create a patch file using the same changes from the 2.2.1 tag. The uploaded patch file in this issue can be used for drupal/chosen.
Needs review
4.0
Code
Hi!
We have a part in the js which maybe is not required anymore in 4.0.0,
but could we use a similar approach to patch chosen inside the drupal module?
This part in chosen.js
$.fn.oldChosen = $.fn.chosen;
$.fn.chosen = function(options) {I sent a linkedin message to the maintainer of the library, we will see.