fix(chat) fix scrolling chat in safari

package-lock.json

@@ -125,6 +125,7 @@
         "redux-thunk": "2.2.0",
         "resemblejs": "4.0.0",
         "rnnoise-wasm": "https://git@github.com/jitsi/rnnoise-wasm#566a16885897704d6e6d67a1d5ac5d39781db2af",
+        "seamless-scroll-polyfill": "2.1.8",
         "styled-components": "3.4.9",
         "util": "0.12.1",
         "uuid": "8.3.2",
@@ -16832,6 +16833,11 @@
         "sdp-verify": "checker.js"
       }
     },
+    "node_modules/seamless-scroll-polyfill": {
+      "version": "2.1.8",
+      "resolved": "https://registry.npmjs.org/seamless-scroll-polyfill/-/seamless-scroll-polyfill-2.1.8.tgz",
+      "integrity": "sha512-cF92Op90//vEpHphRx25rttJGXIgxcTB1WR5y0ODQhN7O4d0lSEOp5+l3sQDx0aAZ2MfXCqFEb/rG/3ghvVDIQ=="
+    },
     "node_modules/seedrandom": {
       "version": "2.4.3",
       "resolved": "https://registry.npmjs.org/seedrandom/-/seedrandom-2.4.3.tgz",
@@ -32882,6 +32888,11 @@
       "resolved": "https://registry.npmjs.org/sdp-transform/-/sdp-transform-2.3.0.tgz",
       "integrity": "sha1-V6lXWUIEHYV3qGnXx01MOgvYiPY="
     },
+    "seamless-scroll-polyfill": {
+      "version": "2.1.8",
+      "resolved": "https://registry.npmjs.org/seamless-scroll-polyfill/-/seamless-scroll-polyfill-2.1.8.tgz",
+      "integrity": "sha512-cF92Op90//vEpHphRx25rttJGXIgxcTB1WR5y0ODQhN7O4d0lSEOp5+l3sQDx0aAZ2MfXCqFEb/rG/3ghvVDIQ=="
+    },
     "seedrandom": {
       "version": "2.4.3",
       "resolved": "https://registry.npmjs.org/seedrandom/-/seedrandom-2.4.3.tgz",

package.json

@@ -130,6 +130,7 @@
     "redux-thunk": "2.2.0",
     "resemblejs": "4.0.0",
     "rnnoise-wasm": "https://git@github.com/jitsi/rnnoise-wasm#566a16885897704d6e6d67a1d5ac5d39781db2af",
+    "seamless-scroll-polyfill": "2.1.8",
     "styled-components": "3.4.9",
     "util": "0.12.1",
     "uuid": "8.3.2",

react/features/chat/components/web/MessageContainer.js

@@ -1,6 +1,7 @@
 // @flow
 
 import React from 'react';
+import { scrollIntoView } from 'seamless-scroll-polyfill';
 
 import { MESSAGE_TYPE_REMOTE } from '../../constants';
 import AbstractMessageContainer, { type Props }
@@ -103,7 +104,7 @@ export default class MessageContainer extends AbstractMessageContainer<Props> {
      * @returns {void}
      */
     scrollToBottom(withAnimation: boolean) {
-        this._messagesListEndRef.current.scrollIntoView({
+        scrollIntoView(this._messagesListEndRef.current, {
             behavior: withAnimation ? 'smooth' : 'auto',
             block: 'nearest'
         });