From fb61b72953d511d2547de83a976d6690411ccb02 Mon Sep 17 00:00:00 2001
From: Kristiyan Kostadinov <crisbeto@abv.bg>
Date: Tue, 4 Jun 2024 09:51:22 +0200
Subject: [PATCH] fix(material/core): hide ripples inside drag&drop elements

When we create previews and placeholders for the drag&drop module, we clone the DOM node in its current state. This means that if there are ripples, they'll be in the clone as well.

These changes add a default styles to hide the ripple in such cases since it'll never disappear.

Fixes #29159.
---
 src/material/core/ripple/_ripple.scss | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/material/core/ripple/_ripple.scss b/src/material/core/ripple/_ripple.scss
index e958e7b6f0e0..67a177e8077f 100644
--- a/src/material/core/ripple/_ripple.scss
+++ b/src/material/core/ripple/_ripple.scss
@@ -47,5 +47,11 @@
     @include cdk.high-contrast(active, off) {
       display: none;
     }
+
+    // Hide ripples inside cloned drag&drop elements since they won't go away.
+    .cdk-drag-preview &,
+    .cdk-drag-placeholder & {
+      display: none;
+    }
   }
 }