Add will-change

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() {

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]) {