Fixed #2333 - The v-ripple directive breaks the behavior of list components in Firefox

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);
     }
-}
+}