Workaround for fullscreen in Safari

paveli · Jul 2, 2019 · c0567dc · c0567dc
1 parent e86eeab
commit c0567dc
Showing 1 changed file with 9 additions and 7 deletions.
diff --git a/src/components/Onboarding.js b/src/components/Onboarding.js
@@ -121,8 +121,8 @@ class Onboarding extends Component {
 						fontWeight: "normal"
 					}}
 				>
-					Flow &mdash; distraction-free writer, that helps to stay focused while
-					writing texts.
+					Flow &mdash; distraction-free writer, which helps to stay focused
+					while writing texts.
 				</h1>
 				<p>
 					Start writing. Move forward. Don't edit (and you can't{" "}
@@ -141,11 +141,13 @@ class Onboarding extends Component {
 						onClick={() => {
 							this.setState({ showOnboarding: "false" });
 							let TextEditor = document.getElementById("TextEditor");
-							TextEditor.requestFullscreen().then(resolve => {
-								document
-									.getElementById("currentInput")
-									.focus({ preventScroll: false });
-							});
+							if (TextEditor.requestFullscreen) {
+								TextEditor.requestFullscreen().then(resolve => {
+									document
+										.getElementById("currentInput")
+										.focus({ preventScroll: false });
+								});
+							}
 							document
 								.getElementById("currentInput")
 								.focus({ preventScroll: false });