角度材质动画 - matRipple：转义 div 元素的边界

【问题标题】：Angular material animation - matRipple: escapes bounds of a div element角度材质动画 - matRipple：转义 div 元素的边界
【发布时间】：2018-08-20 19:49:39
【问题描述】：

我刚刚将 matRipple 属性添加到我的 div 中，例如：

<div matRipple class='icon-wrapper'>
  ...
</div>

红色边框是 div 元素的实际大小。如您所见，波纹动画逃脱了 div 元素的边界。如何隐藏溢出的波纹动画？ overflow: hidden 没有效果。

【问题讨论】：

标签： html css angular angular5 angular-material2

【解决方案1】：

.icon-wrapper {
    overflow: hidden;
    position: relative;
}

link to issue

【讨论】：

【解决方案2】：

试试

 overflow: hidden !important

【讨论】：

结果一样，没有变化