html - 所需消息显示在页面顶部，带有ui-select2

当我在select和ui-select2元素中使用required或ng-required =“ true”时，它可以正常工作。
但是消息显示在页面顶部而不是select元素的下方。

这是我的代码

<div class="form-group">
                    <label class="col-sm-12  col-xs-12">Status<span style="color:red">*</span></label>
                    <select data-placeholder="Pick an Status" ng-model="Status" class="selectUI" ui-select2 ng-required="true">
                        <option value=""></option>
                        <option value="1">New</option>
                        <option value="2">Approve</option>
                        <option value="6">Recommandetion Denied</option>
                        <option value="7">Approval Denied</option>
                    </select>
                </div>

如何解决此问题并在页面中显示带有select元素的消息。
提前致谢。

最佳答案

通过重写ui-select2的默认行为来解决此问题

    select2-offscreen,
   .select2-offscreen:focus {
        top: auto !important;
    }

关于html - 所需消息显示在页面顶部，带有ui-select2，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/48822337/