Merge pull request #1410 from RodriSanchez1/fix/OutputBarAutoScroll

Fix/output bar auto scroll

Author: RodriSanchez1

src/components/Board/Output/PhraseShare/PhraseShare.component.js

@@ -22,7 +22,6 @@ import {
   RedditShareButton,
   RedditIcon
 } from 'react-share';
-import withMobileDialog from '@material-ui/core/withMobileDialog';
 import messages from './PhraseShare.messages';
 
 import './PhraseShare.css';
@@ -144,4 +143,4 @@ PhraseShare.propTypes = {
   onCopyPhrase: PropTypes.func
 };
 
-export default withMobileDialog()(PhraseShare);
+export default PhraseShare;

src/components/Board/Output/SymbolOutput/SymbolOutput.js

@@ -58,17 +58,15 @@ class SymbolOutput extends PureComponent {
     try {
       const lastOutputSymbol = this.scrollContainerRef.current.lastElementChild;
       lastOutputSymbol.scrollIntoView({
-        behavior: 'smooth',
-        inline: 'start'
+        inline: 'end'
       });
     } catch (err) {
       console.error('Error during autoScroll of output bar', err);
     }
   };
 
   componentDidMount() {
-    //using a setTimeout to propperly works of scroll in to view depending of screen size render
-    setTimeout(this.scrollToLastSymbol, 200);
+    this.scrollToLastSymbol();
   }
 
   componentDidUpdate(prevProps) {