marcel/excalidraw
1
0
Fork 0
mirror of https://github.com/excalidraw/excalidraw.git synced 2025-10-31 02:44:50 +01:00
Code Issues Packages Projects Releases Wiki Activity

Update on resize (#94)

Browse Source 
Fixes #88
This commit is contained in:
Christopher Chedeau
2020-01-03 18:35:14 -08:00
committed by GitHub
parent 8605af2b54
commit 66938ae5c6
1 changed files with 6 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/index.tsx
View File

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