diff --git a/src/components/Board/Output/PhraseShare/PhraseShare.component.js b/src/components/Board/Output/PhraseShare/PhraseShare.component.js index 007e5cf48..7fca0aefb 100644 --- a/src/components/Board/Output/PhraseShare/PhraseShare.component.js +++ b/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; diff --git a/src/components/Board/Output/SymbolOutput/SymbolOutput.js b/src/components/Board/Output/SymbolOutput/SymbolOutput.js index c6a1ade15..c519959ae 100644 --- a/src/components/Board/Output/SymbolOutput/SymbolOutput.js +++ b/src/components/Board/Output/SymbolOutput/SymbolOutput.js @@ -58,8 +58,7 @@ 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); @@ -67,8 +66,7 @@ class SymbolOutput extends PureComponent { }; 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) {