Jquery ui JQuery UI使用类别和滚动条自动完成

我在使用类别自动完成，然后添加垂直滚动条时遇到问题。当列表短于最大高度时，滚动条不会像预期的那样显示。但是当列表中的最后一项被选中时，滚动条就会出现

（直接从演示页面上取下，在输入中键入“a”）

关于如何解决这个问题有什么线索吗

$.widget( "custom.catcomplete", $.ui.autocomplete, {
  _create: function() {
    this._super();
    this.widget().menu( "option", "items", "> :not(.ui-autocomplete-category)" );
  },
  _renderMenu: function( ul, items ) {
    var that = this,
      currentCategory = "";
    $.each( items, function( index, item ) {
      var li;
      if ( item.category != currentCategory ) {
        ul.append( "<li class='ui-autocomplete-category'>" + item.category + "</li>" );
        currentCategory = item.category;
      }
      li = that._renderItemData( ul, item );
      if ( item.category ) {
        li.attr( "aria-label", item.category + " : " + item.label );
      }
    });
  }
});

var data = [
  { label: "anders", category: "" },
  { label: "andreas", category: "" },
  { label: "antal", category: "" },
  { label: "annhhx10", category: "Products" },
  { label: "annk K12", category: "Products" },
  { label: "annttop C13", category: "Products" },
  { label: "anders andersson", category: "People" },
  { label: "andreas andersson", category: "People" },
  { label: "andreas johnson", category: "People" }
];

$( "#search" ).catcomplete({
  delay: 0,
  source: data
});

$.widget（“custom.catcomplete”，$.ui.autocomplete{
_创建：函数（）{
这个；
this.widget（）菜单（“选项”，“项目”，“>：非（.ui自动完成类别）”）；
},
_renderMenu：功能（ul，项目）{
var=这个，
currentCategory=“”；
$。每个（项目、功能（索引、项目）{
李华；
如果（item.category！=当前类别）{
ul.追加（“
”+item.category+“
”）；
currentCategory=item.category；
}
li=该值。_renderItemData（ul，项目）；
if（item.category）{
li.attr（“aria标签”，item.category+”：“+item.label）；
}
});
}
});
风险值数据=[
{标签：“anders”，类别：}，
{标签：“andreas”，类别：}，
{标签：“antal”，类别：}，
{标签：“annhhx10”，类别：“产品”}，
{标签：“annk K12”，类别：“产品”}，
{标签：“annttop C13”，类别：“产品”}，
{标签：“安德斯·安德森”，类别：“人”}，
{标签：“安德烈亚斯·安德森”，类别：“人”}，
{标签：“安德烈亚斯·约翰逊”，类别：“人”}
];
$（“#搜索”）.catcomplete({
延迟：0，
资料来源：数据
});

我自己解决了。ul元素上的一点填充就成功了