Selected Options Still Displayed When 'display_selected_options' and 'hide_results_on_select' Are Both 'false'

[jasonjyu]

Chosen still displays selected options in the dropdown menu when the display_selected_options and hide_results_on_select are both set to false. It grays out the selected options and does not remove them until after clicking off and then back on the dropdown menu.

Steps to reproduce

Tell us how to reproduce this issue.

1. Set display_selected_options: false and hide_results_on_select: false in the example docsupport/init.js file for '.chosen-select' of the demo page.

2. In the "Into This" selection under Multiple Select, click on the dropdown menu, select a few countries, click off the menu and then click back on.

Expected behavior

Chosen should remove selected options from dropdown menu once selected.

Actual behavior

Instead, Chosen grays out the selected options and does remove them until after clicking off and then back on the dropdown menu.

Environment

• Chosen Version: 1.7.0

• jQuery or Prototype Version: jQuery

• Browser and Version: Chrome 57.0

• OS and Version: Mac OS X 10.11.2 and Windows 7