我有一个bootstrap模态与select2下拉内：

<div id="add-event" class="modal" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">

            ....

            <div class="organizer-options form-group id="organizer-search">
                <span>Hosted by:</span>
                <select class="form-control organizer-search" name="organizer-search" autocomplete="off">
                </select>
            </div>

我在一个单独的JS文件中初始化select2：

$(".organizer-search").select2({
    dropdownParent: $("#add-event"),
    minimumInputLength: 3,
    placeholder: "Select the host",
    ajax: {
        url: "/people/search",
        method: "get",
        dataType: "json",
        delay: 250,
        data: function(params) {
            return {
                term: params.term
            };
        },
        processResults: function(data) {
            return {
                results: data
            };
        }
    }
});

我将dropdownParent: $("#add-event")行添加到select2 init中，因为否则我无法关注模态中的select2。我还在初始化所有模态之前尝试了$.fn.modal.Constructor.prototype.enforceFocus = function() {};。
这两个选项都支持聚焦于下拉菜单，但在移动的（chrome和firefox）上禁用滚动模式。