我创建了一个codepen来说明问题。只需选择下拉列表中的所有选项,您就会看到所选项目的显示将溢出容器。作为参考,这是导致问题的html:
<div><!-- this container needs some arbitrary max-width to be able to see the overflow -->
<div layout="row"><!-- making this a layout="column" instead of row will fix it -->
<div layout="column"><!-- putting max-width:100% here will fix it -->
<md-input-container>
<md-select ng-model="test" multiple>
<!-- md-options -->
</md-select>
</md-input-container>
</div>
</div>
</div>
我无法弄清楚为什么它会溢出,所以我不清楚为什么这两个修复工作。任何人都可以解释为什么这不是按照书面工作,或提出一个更好的方法来避免这个问题?
更新:我在github网站上发现这是一个known issue,但那里没有很好的解决方案。 更新2:我发现最大宽度解决方案在IE11中没有帮助。