recalculating positions of trash, zoom, etc

src/components/Blockly/BlocklyWindow.js

@@ -20,6 +20,7 @@ class BlocklyWindow extends Component {
 
   componentDidMount() {
     const workspace = Blockly.getMainWorkspace();
+    this.props.onChangeWorkspace({});
     workspace.addChangeListener((event) => {
       this.props.onChangeWorkspace(event);
     });

src/components/Home.js

@@ -1,5 +1,7 @@
 import React, { Component } from 'react';
 
+import * as Blockly from 'blockly/core';
+
 import WorkspaceStats from './WorkspaceStats';
 import WorkspaceFunc from './WorkspaceFunc';
 import BlocklyWindow from './Blockly/BlocklyWindow';
@@ -15,6 +17,15 @@ class Home extends Component {
     codeOn: false
   }
 
+  componentDidUpdate(){
+    /* Resize and reposition all of the workspace chrome (toolbox, trash,
+    scrollbars etc.) This should be called when something changes that requires
+    recalculating dimensions and positions of the trash, zoom, toolbox, etc.
+    (e.g. window resize). */
+    const workspace = Blockly.getMainWorkspace();
+    Blockly.svgResize(workspace);
+  }
+
   onChange = () => {
     this.setState({ codeOn: !this.state.codeOn });
   }