From 9ffd294a408137a056bbcce1b7773f462354deb4 Mon Sep 17 00:00:00 2001
From: jsthon <jsthon@live.com>
Date: Mon, 17 Jan 2022 14:12:52 +0800
Subject: [PATCH] Fix ripple effect bug in safari

---
 views/assets/stylesheets/scss/app/_forms.scss | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/views/assets/stylesheets/scss/app/_forms.scss b/views/assets/stylesheets/scss/app/_forms.scss
index a55147d4..c8591be0 100755
--- a/views/assets/stylesheets/scss/app/_forms.scss
+++ b/views/assets/stylesheets/scss/app/_forms.scss
@@ -469,3 +469,11 @@ button.qor-fieldset__add,
     height: auto;
     margin-bottom: 12px;
 }
+
+.mdl-ripple {
+    /*
+        Fix ripple effect bug in Safari.
+        https://github.com/google/material-design-lite/issues/5281#issuecomment-554112619
+    */
+    opacity: 0.001;
+}