我正在使用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. 我该如何解决这个问题?