diff --git a/src/index.tsx b/src/index.tsx index b5c2970a9..8e947c658 100644 --- a/src/index.tsx +++ b/src/index.tsx @@ -645,6 +645,7 @@ const ELEMENT_TRANSLATE_AMOUNT = 1; class App extends React.Component<{}, AppState> { public componentDidMount() { document.addEventListener("keydown", this.onKeyDown, false); + window.addEventListener("resize", this.onResize, false); const savedState = restore(); if (savedState) { @@ -654,6 +655,7 @@ class App extends React.Component<{}, AppState> { public componentWillUnmount() { document.removeEventListener("keydown", this.onKeyDown, false); + window.removeEventListener("resize", this.onResize, false); } public state: AppState = { @@ -669,6 +671,10 @@ class App extends React.Component<{}, AppState> { scrollY: 0 }; + private onResize = () => { + this.forceUpdate(); + }; + private onKeyDown = (event: KeyboardEvent) => { if ((event.target as HTMLElement).nodeName === "INPUT") { return;