Ripple propagates outside parent circle

[vehsakul]

Description

:host([animating]) {
        /* This resolves a rendering issue in Chrome (as of 40) where the
           ripple is not properly clipped by its parent (which may have
           rounded corners). See: http://jsbin.com/temexa/4
           Note: We only apply this style conditionally. Otherwise, the browser
           will create a new compositing layer for every ripple element on the
           page, and that would be bad. */
        -webkit-transform: translate(0, 0);
        transform: translate3d(0, 0, 0);
      }

Is it about this bug? This fix doesn't solve the problem in Qt 5.9.1 WebEngine which is based on Chromium 56.0.2924.122

Can anybody help with this?