From 18c31095111a4c4ce1ce1fb097193ccdb3d8a0f2 Mon Sep 17 00:00:00 2001 From: mertsincan Date: Thu, 17 Mar 2022 09:45:59 +0000 Subject: [PATCH] Fixed #2333 - The v-ripple directive breaks the behavior of list components in Firefox --- src/components/ripple/Ripple.css | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/src/components/ripple/Ripple.css b/src/components/ripple/Ripple.css index d56db658e..541b14143 100644 --- a/src/components/ripple/Ripple.css +++ b/src/components/ripple/Ripple.css @@ -9,8 +9,9 @@ background: rgba(255, 255, 255, 0.5); border-radius: 100%; transform: scale(0); + pointer-events: none; } - + .p-ink-active { animation: ripple 0.4s linear; } @@ -18,10 +19,10 @@ .p-ripple-disabled .p-ink { display: none !important; } - -@keyframes ripple { + +@keyframes ripple { 100% { opacity: 0; transform: scale(2.5); } -} \ No newline at end of file +}