角度材料的md-select可以溢出其容器

时间:2017-09-07 15:53:51

标签: angular-material

我创建了一个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中没有帮助。

0 个答案:

没有答案