select2搜索下拉列表顶部偏移量不正确

时间:2018-02-13 14:12:32

标签: javascript jquery jquery-select2

select2多个字段的奇怪问题,在后续搜索中,下拉搜索消息显示不正确。见下文:

The problem

标记的蓝色区域是select2字段,标记的红色区域是下拉消息显示的位置。请注意,搜索完成后,结果会显示在正确的位置,但由于某种原因,消息显示的位置应高于应有的位置。

init上的参数:

$budgetAdmins.select2({
        placeholder: 'Type a person\’s name...',
        minimumInputLength: 3,
        createSearchChoicePosition: 'bottom',
        dropdownParent: $budgetAdmins.closest('.budget-field'),
        type: 'POST',
        ajax: {
            url: theme.ajax_url,
            dataType: 'json',
            delay: 250
            data: ...
       }
});

有关实施的其他详情:

  • 只有在浏览器视口高度足够小以强制邮件和后续列表到顶部时才会出现此错误(通常在底部显示正常)。
  • 一旦列表显示,它就正确地适合字段的顶部,只有输入3个或更多字符的消息和AJAX加载消息被推送到目前为止。
  • 我只包含createSearchChoicePositiondropdownParent以尝试解决此问题。它没有效果。
  • 搜索框的第一个焦点显示消息正确,与字段顶部齐平。此问题仅在选择值后的第二个焦点上发生。然后它在下一个焦点上工作,然后在下一个焦点上再次打破。此外,当显示屏断开时,通过滚动页面来修复它。
  • 使用select2版本4.0.5。

1 个答案:

答案 0 :(得分:1)

修正了一下:

setTimeout

我在没有{{1}}的情况下尝试了它,但它没有效果。