Select2-丢弃不正确的顶部位置
Select2-丢弃不正确的顶部位置
提问于 2015-09-01 17:49:39
当我最初专注于select2字段时，dropdown打开得很好
但当我选择其中一项时，下拉菜单的顶部位置错误
如果我取消聚焦并再次聚焦，则下拉菜单没有任何问题
如何修复它？
回答 1
Stack Overflow用户
发布于 2019-07-25 22:29:52
对于那些像我一样从谷歌来的人：
第一次单击下拉列表以及在搜索没有结果后第一次单击下拉列表时，会出现下拉列表的错误位置。
Here is a workaround似乎适用于许多人(包括我)。我的实现如下：
<select class="form-control" data-use-select2="true" name="assessment[assigned_to_id]" id="assessment_assigned_to_id">
<option value="">Select User...</option>
<option value="12">org0user0@test.com</option>
<option value="11">org0user1@test.com</option>
</select>
<select class="form-control" data-use-select2="true" name="assessment[approver_id]" id="assessment_approver_id" >
<option value="">Select User...</option>
<option value="12">org0user0@test.com</option>
<option value="11">org0user1@test.com</option>
</select> // data-select2 conflicts with library code. data-something-select2 works
// set the dropdownParent to fix positioning error
// https://github.com/select2/select2-bootstrap-theme/issues/41#issuecomment-310825598
$("select[data-use-select2]").each(function() {
$(this).select2({
theme: "bootstrap4",
dropdownParent: $(this).parent()
});
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/32328515
复制相关文章
相似问题
腾讯云开发者
