bootstrap-select scroll超出范围

Question

我正在使用bootstrap-select，并在我的页面上有一个下拉选择。问题是，当我点击它时，会出现下拉列表，但它不适合区域，为它计算，滚动条在区域下方向下流动。它看起来如下：

HTML for this：

<form role="form" id="condition_form_check" method="post" class="form-horizontal condition_form">
                <div class="form-group">
                    <label class="col-xs-3 control-label">Check</label>
                    <div class="col-md-8">
                        <div class="btn-group bootstrap-select form-control">
                            <select id="has_id" name="has_id" size="1" class="form-control" data-live-search="true" title="select check..." tabindex="-98">
                                <option value="1">check_1</option>
                                <option value="2">check_2</option>
                                <option value="3">check_3</option>//etc...   
                            </select>
                        </div>
                    </div>
                </div>
            </form> 

问题是，有时看起来没问题，有时会出现这个错误。经过一些研究，我发现一些内联CSS样式应用于select标签：

max-height:255px;
overflow-y: auto;

从以下源代码行（约1057年）开始（大概）：

$menuInner.css({
      'max-height': menuHeight - menuPadding.vert + 'px',
      'overflow-y': 'auto',
      'min-height': ''
    });

但我不知道如何解决这个问题。欢迎任何想法，谢谢。

Answer 1

您必须设置表单控件的高度值＆＃34; auto＆＃34;在你的css.Likely

.form-control{
  height:auto;
 }

并设置max-height为100％

form-control{
  height:auto;
  max-height:100%;
 }
select{
  height:auto;
  max-height:100%;
}