使用Bootstrap 4和selectpicker时,data width=“auto”时,为什么DropDownList的宽度会发生变化?

我有一个ASP.net网络表单项目,它使用Bootstrap 4。它有一个母版页,其中包含一个带有ASP DropDownList的ASCX用户控件。它使用CssClass selectpicker,并设置为数据宽度“auto”;然而,下拉列表的宽度在两种大小之间变化。当加载或刷新屏幕时,大约80%的时间宽度正确匹配下拉列表中最长项目的宽度;但是大约20%的时间它不够宽。知道是什么原因造成的吗? Correct Width Incorrect Width

以下是用户控件的部分内容:

        </ul>
        <ul class="navbar-nav">
            <li class="nav-item ">
                <div class="form-group m-0">
                    <asp:DropDownList ID="DD_Facility"
                        AutoPostBack="True"
                        OnSelectedIndexChanged="Selection_Change"
                        runat="server"
                        CssClass="selectpicker "
                        data-live-search="true"
                        data-width="auto">
                    </asp:DropDownList>
                </div>
            </li>
        </ul>
    </div>
</nav>