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

pull/682/merge
mertsincan 2022-03-17 09:45:59 +00:00
parent 47c459e843
commit 18c3109511
1 changed files with 5 additions and 4 deletions

View File

@ -9,8 +9,9 @@
background: rgba(255, 255, 255, 0.5); background: rgba(255, 255, 255, 0.5);
border-radius: 100%; border-radius: 100%;
transform: scale(0); transform: scale(0);
pointer-events: none;
} }
.p-ink-active { .p-ink-active {
animation: ripple 0.4s linear; animation: ripple 0.4s linear;
} }
@ -18,10 +19,10 @@
.p-ripple-disabled .p-ink { .p-ripple-disabled .p-ink {
display: none !important; display: none !important;
} }
@keyframes ripple { @keyframes ripple {
100% { 100% {
opacity: 0; opacity: 0;
transform: scale(2.5); transform: scale(2.5);
} }
} }