Модальные окна select2 4 и bs3 - проблема с z-индексом?

В процессе перехода с select2 3.5 -> 4.0. Теперь я столкнулся с ситуацией, когда возникают проблемы при использовании модальных окон Boostrap.

В 3.5 я использовал что-то вроде этого, что позволило им работать правильно:

.modal-open .select2-drop-mask {
  z-index: 10051;
}

.modal-open .select2-drop {
  z-index: 10052;
}

.modal-open .select2-search {
  z-index: 10053;
}

Классы и многое другое изменилось с 4.0, и это больше ничего не делает. Я предполагаю, что проблема связана с z-index, но не уверен. Я протестировал тот же select вне модального окна, и он работает так, как предполагалось, поэтому я предполагаю, что он связан с css. Ввод отображается, а раскрывающийся список, поиск и т. Д. - нет. Кто-нибудь еще сталкивался с этим и нашел решение?

ИЗМЕНИТЬ jsfiddle:

Это немного отличается от моего варианта использования - я использую load() для вставки удаленного контента в модальное окно, а затем показываю его, НО здесь возникает та же проблема. Вы не можете сфокусироваться на вводе для поиска, чтобы ввести что-либо. Как ни странно, я заметил, что он работает в Internet Explorer 11, но не в последних версиях Firefox, Chrome или Safari.

модальная скрипта