address #23

Author: lxieyang

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "vertical-tabs-chrome-extension",
-  "version": "1.6.0",
+  "version": "1.6.1",
   "description": "A chrome extension that presents your tabs vertically.",
   "license": "MIT",
   "repository": {

package.json

@@ -72,6 +72,7 @@ export class Frame extends Component {
     isDragging: false,
     width: 320,
     height: '100%',
+    loaded: false,
   };
 
   static defaultProps = {
@@ -162,6 +163,8 @@ export class Frame extends Component {
   onLoad = () => {
     const { onLoad } = this.props;
 
+    this.setState({ loaded: true });
+
     onLoad({
       mask: this.mask,
       frame: this.frame,
@@ -340,9 +343,11 @@ export class Frame extends Component {
                     [iframeClass]: true,
                   })}
                   style={{
-                    backgroundImage: `url(${chrome.extension.getURL(
-                      'iframe-background.gif'
-                    )})`,
+                    backgroundImage: !this.state.loaded
+                      ? `url(${chrome.extension.getURL(
+                          'iframe-background.gif'
+                        )})`
+                      : null,
                     backgroundPosition: 'center',
                     backgroundRepeat: 'no-repeat',
                     height: '100vh',