Explorar o código

Update on resize (#94)

Fixes #88
Christopher Chedeau %!s(int64=5) %!d(string=hai) anos
pai
achega
66938ae5c6
Modificáronse 1 ficheiros con 6 adicións e 0 borrados
  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;