相关疑难解决方法(0)

Angular Material - md-autocomplete 下拉菜单的宽度

我正在使用md-autocompleteAngular Material:这里

下拉菜单的宽度似乎与输入字段的宽度一致。如果项目的文本太长,则有ellipsis.

但是,我想显示项目的全文,同时保持输入字段的宽度相对较短。也就是说,下拉菜单的宽度应该随着其内容而扩展。

我尝试检查md-autocomplete's 元素的样式,但找不到任何可以解决问题的样式。任何的想法?

编辑:

这是我最终拥有的风格:

.md-autocomplete-suggestions-container{
    overflow-y:scroll
}

.md-autocomplete-suggestions-container .md-virtual-repeat-scroller{
    position:static
}

.md-autocomplete-suggestions-container .md-virtual-repeat-sizer{
    height:0 !important
}

.md-autocomplete-suggestions-container .md-virtual-repeat-offsetter{
    position:static
}
Run Code Online (Sandbox Code Playgroud)

然而,还有一个问题。将overflow-y:scroll始终显示vertial滚动条,即使在不需要的时候。如果我将其更改为overflow-y:auto,则出现时的垂直滚动条将创建ellipsis. 我该如何解决这个问题?

javascript angularjs angular-material md-autocomplete

3
推荐指数
2
解决办法
5443
查看次数