瀏覽代碼

Update on resize (#94)

Fixes #88
Christopher Chedeau 5 年之前
父節點
當前提交
66938ae5c6
共有 1 個文件被更改,包括 6 次插入0 次删除
  1. 6 0
      src/index.tsx

+ 6 - 0
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;