具有大型选择下拉列表的UI下拉性能问题

Question

我正在使用Semantic UI下拉菜单，我需要创建一个包含大约3000个选项的下拉列表。下拉列表工作得非常好，除了一个案例。如果用户清除搜索文本，则下拉列表完全锁定。我相信这是因为它试图重新加载所有元素。

我已经查看了下拉列表中可用的设置（http://semantic-ui.com/modules/dropdown.html#/settings），但没有什么能够改变它处理重新加载所有元素的方式。

非常感谢任何建议。

HTML：

<div class="ui fluid search selection dropdown">
                    <input type="hidden" name="security_group"></input>
                    <i class="dropdown icon"></i>
                    <div class="default text">Select Security Group</div>
                    <div class="menu">
                        <j:while test="${reference.next()}">
                            <div class="item" data-value="${reference.sys_id}">${reference.u_name}</div>
                        </j:while>
                    </div>
                </div>

使用Javascript：

 $(document).ready(function(){
              $(".ui.fluid.search.selection.dropdown").dropdown();
              $(".ui.fluid.search.selection.dropdown").width("100%");
        });