html - Angular Material 动画 - matRipple : escapes bounds of a div element

Question

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

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

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

Answer 1

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

link to issue