hide overflow in ripple parents

Author: KurtGokhan

src/ripple/index.module.scss

@@ -1,3 +1,7 @@
+.rippleParent {
+  overflow: hidden;
+}
+
 .ripple {
   pointer-events: none;
   border-radius: 50%;

src/ripple/index.ts

@@ -48,6 +48,7 @@ export function addRipple(containerElement: ReactUnity.UGUI.UGUIComponent, press
     ripple.Style.Set('height', maxDimension);
   }
 
+  containerElement.ClassList.Add(style.rippleParent);
   UnityBridge.appendChild(containerElement, ripple);
   return ripple;
 }