From e01144d7e07ed73e60345b5165290049959378d4 Mon Sep 17 00:00:00 2001
From: dmitrizzle <d@eurekaking.com>
Date: Thu, 5 Oct 2017 22:10:16 +0700
Subject: [PATCH] Fix Safari browser rendering issue

Safari caused weird bug that made answer bubbles disappear, which is fixable by forcing it to use 3d render acceleration.
---
 component/styles/reply.css | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/component/styles/reply.css b/component/styles/reply.css
index 96c76dd..4117d4c 100644
--- a/component/styles/reply.css
+++ b/component/styles/reply.css
@@ -35,6 +35,7 @@
 	animation-play-state: paused;
 	animation-fill-mode: forwards;
 	opacity: 0;
+	transform: translate3d(0px, 0px, 0px);
 }
 @keyframes animate-reply {
     from { opacity: 0 }
@@ -56,13 +57,13 @@
 	border-radius: 15px 15px 5px 15px;
 }
 .bubble.reply.bubble-picked .bubble-content .bubble-button {
-	transform: scale(0);
+	transform: scale(0) translate3d(0px, 0px, 0px);;
 	padding: 0;
 }
 .bubble.reply:not(.bubble-picked) .bubble-content .bubble-button:hover,
 .bubble.reply .bubble-content .bubble-button.bubble-pick {
 	background: rgba(44, 44, 44, 1);
-	transform: scale(1);
+	transform: scale(1) translate3d(0px, 0px, 0px);;
   padding: 8px 16px;
   height: auto;
 }
@@ -85,4 +86,4 @@
 }
 .bubble .bubble-content input:read-only {
 	background: linear-gradient(166deg, #48121d, #0d4058 100%) !important;
-}
\ No newline at end of file
+}