javascript - 在移动键盘打开时移动选择2搜索隐藏

Question

在浏览器站点上运行良好.. 但是，当我在移动设备上打开它时出现问题，我面临如下图所示的问题。

向下滚动页面后，我看到这样的搜索框..

任何帮助我解决这个问题的代码都在这里。

<td colspan="2">
<select name="sel_specialities" id="sel_specialities"  data-placeholder="--<?php echo $this->lang->line('select'); ?>--" class="select" >
    <option value=""></option>
    <?php
    foreach ($specList as $spec) {
        ?>
        <option value="<?php echo $spec['SPEC_ID']; ?>" <?php echo $this->session->userdata('sel_specialities') == $spec['SPEC_ID'] ? 'selected="selected"' : ''; ?> ><?php echo $spec['SPEC_NAME']; ?></option>
        <?php
    }
    ?>
</select>

脚本

$(函数(){

$(".select").select2();

});

Answer 1

添加你的CSS

body .select2-container.select2-container--default.select2-container--open {
    top: 305px!important;
    left: 22px!important;
}
.select2.select2-container.select2-container--default.select2-container--below.select2-container--open {
    top: auto!important;
}