From e619be6f5b25c14b5b23396d0a39db99f30a1a6f Mon Sep 17 00:00:00 2001
From: jamessspanggg <jamespangmunwai@gmail.com>
Date: Sun, 2 Aug 2020 21:00:19 +0800
Subject: [PATCH] Remove elastic scrolling in safari chat

---
 src/components/chat/pages/ChatPage.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/components/chat/pages/ChatPage.js b/src/components/chat/pages/ChatPage.js
index 0e4d8de7..bf7ac5f5 100644
--- a/src/components/chat/pages/ChatPage.js
+++ b/src/components/chat/pages/ChatPage.js
@@ -9,6 +9,7 @@ import { EMAIL_BAR_HEIGHT, NAVBAR_HEIGHT } from '../../../../utils/constants/nav
 import useMediaQuery from '@kiwicom/orbit-components/lib/hooks/useMediaQuery';
 import Router from 'next/router';
 import useWindowDimensions from '../../../../utils/hooks/useWindowDimensions';
+import { isSafari } from 'react-device-detect';
 
 const NoChatsContainer = styled.div`
   margin: 0 auto;
@@ -180,6 +181,7 @@ const ChatPage = ({ user, chatId, postId, postType, isViewingChatsForMyPost }) =
   const gridContainerStyle = {
     height: `${height - navBarOffsetHeight}px`,
     width: '100vw',
+    position: isSafari ? 'fixed' : 'initial', // disable elastic scroll in safari
   };
 
   if (hasError) {