From 600d3551f4765d65a4348a33012b57ee370b3da3 Mon Sep 17 00:00:00 2001
From: RobinLinus <robinlinus@users.noreply.github.com>
Date: Fri, 21 Sep 2018 21:12:11 +0200
Subject: [PATCH] Add will-change

---
 client/scripts/network.js | 2 +-
 client/styles.css         | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/client/scripts/network.js b/client/scripts/network.js
index 98c43ac..6e61a78 100644
--- a/client/scripts/network.js
+++ b/client/scripts/network.js
@@ -9,6 +9,7 @@ class ServerConnection {
     }
 
     _connect() {
+        clearTimeout(this._reconnectTimer);
         if (this._isConnected() || this._isConnecting()) return;
         const ws = new WebSocket(this._endpoint());
         ws.binaryType = 'arraybuffer';
@@ -17,7 +18,6 @@ class ServerConnection {
         ws.onclose = e => this._onDisconnect();
         ws.onerror = e => console.error(e);
         this._socket = ws;
-        clearTimeout(this._reconnectTimer);
     }
 
     _isConnected() {
diff --git a/client/styles.css b/client/styles.css
index 517e727..f6e84b5 100644
--- a/client/styles.css
+++ b/client/styles.css
@@ -301,6 +301,7 @@ x-dialog x-background {
     background: rgba(0, 0, 0, 0.61);
     z-index: 10;
     transition: opacity 300ms;
+    will-change: opacity;
     padding: 16px;
 }
 
@@ -313,6 +314,7 @@ x-dialog x-paper {
     max-width: 400px;
     box-sizing: border-box;
     transition: transform 300ms;
+    will-change: transform;
 }
 
 x-dialog:not([show]) {