When I select the option named “Item 6” (at the middle of the list) and re-open select2 element, it doesn’t scroll down automatically on the selected option on opening but stays at the top.
Here is the reconstruction of the fully working example: jsfiddle
Investigating that “.select2-results__options” css setting of “max-height: 200px” can be where problem start? Because when set this to 500px and re-open select2, it scrolls down on the selected option as expected. Please see the images below.
Re-initializing select2 after disabling options causes something wrong.
Any help will be appreciated. Thanks.