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

Question

我刚刚将 matRipple 属性添加到我的 div 中，如下所示：

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

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

Answer 1

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

问题链接