fix(polls) Fix autoscroll for polls causing layout issues

react/features/polls/components/web/PollsList.js

@@ -1,10 +1,12 @@
 // @flow
 
-import React, { useEffect, useRef } from 'react';
+import React, { useCallback, useEffect, useRef } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useSelector } from 'react-redux';
 
+
 import { Icon, IconChatUnread } from '../../../base/icons';
+import { browser } from '../../../base/lib-jitsi-meet';
 
 import PollItem from './PollItem';
 
@@ -14,12 +16,20 @@ const PollsList = () => {
     const polls = useSelector(state => state['features/polls'].polls);
     const pollListEndRef = useRef(null);
 
-    const scrollToBottom = () => {
+    const scrollToBottom = useCallback(() => {
         if (pollListEndRef.current) {
-            pollListEndRef.current.scrollIntoView({ behavior: 'smooth' });
-        }
+            // Safari does not support options
+            const param = browser.isSafari()
+                ? false : {
+                    behavior: 'smooth',
+                    block: 'end',
+                    inline: 'nearest'
                 };
 
+            pollListEndRef.current.scrollIntoView(param);
+        }
+    }, [ pollListEndRef.current ]);
+
     useEffect(() => {
         scrollToBottom();
     }, [ polls ]);