我正在使用md-autocomplete
Angular 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
}
然而还有一个问题。overflow-y:scroll
即使不需要,也总是显示垂直滚动条。如果我将其更改为overflow-y:auto
,将创建垂直滚动条ellipsis
。我该如何解决这个问题?