From 4f6ef05f13f6b8eeff86dacb8623abdbbbdf92ea Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Thu, 27 Dec 2018 18:18:29 +0800
Subject: [PATCH] bugfix and update rrweb

---
 package.json               |  2 +-
 src/Controller.html        | 10 +++++++---
 src/components/Switch.html |  1 -
 3 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index 0e2cab30..d5f99489 100644
--- a/package.json
+++ b/package.json
@@ -16,7 +16,7 @@
     "svelte": "^2.16.0"
   },
   "dependencies": {
-    "rrweb": "^0.7.0"
+    "rrweb": "^0.7.2"
   },
   "scripts": {
     "build": "rollup -c",
diff --git a/src/Controller.html b/src/Controller.html
index 7cdd7e81..b36b5d23 100644
--- a/src/Controller.html
+++ b/src/Controller.html
@@ -136,11 +136,14 @@
         }
       },
       setSpeed(speed) {
-        const { replayer, currentTime } = this.get();
+        const { replayer, currentTime, isPlaying } = this.get();
+        // freeze before set speed, and resume if is playing before freeze
         replayer.pause();
         replayer.setConfig({ speed });
         this.set({ speed });
-        replayer.resume(currentTime);
+        if (isPlaying) {
+          replayer.resume(currentTime);
+        }
       },
       handleProgressClick(event) {
         const progressRect = this.refs.progress.getBoundingClientRect();
@@ -162,6 +165,7 @@
     },
     onupdate({ changed, current, previous }) {
       if (current.replayer && !previous) {
+        window.replayer = current.replayer;
         // auto play
         setTimeout(() => {
           this.set({ isPlaying: true });
@@ -192,7 +196,7 @@
         }
       }
       if (changed.skipInactive) {
-        current.replayer.setConfig({ skipInactive: changed.skipInactive });
+        current.replayer.setConfig({ skipInactive: current.skipInactive });
       }
     },
     ondestroy() {
diff --git a/src/components/Switch.html b/src/components/Switch.html
index ffe11be2..3c3a2e7e 100644
--- a/src/components/Switch.html
+++ b/src/components/Switch.html
@@ -21,7 +21,6 @@
 
   .label {
     margin: 0 8px;
-    height: 1em;
   }
 
   .switch input[type='checkbox'] {