Close any open context menu upon window resize

client/components/ModulesTreemap.jsx

@@ -109,7 +109,8 @@ export default class ModulesTreemap extends Component {
           weightProp={store.activeSize}
           onMouseLeave={this.handleMouseLeaveTreemap}
           onGroupHover={this.handleTreemapGroupHover}
-          onGroupSecondaryClick={this.handleTreemapGroupSecondaryClick}/>
+          onGroupSecondaryClick={this.handleTreemapGroupSecondaryClick}
+          onResize={this.handleResize}/>
         <Tooltip visible={showTooltip}>
           {tooltipContent}
         </Tooltip>
@@ -202,6 +203,16 @@ export default class ModulesTreemap extends Component {
     });
   }
 
+  handleResize = () => {
+    // Close any open context menu when the report is resized,
+    // so it doesn't show in an incorrect position
+    if (this.state.showChunkContextMenu) {
+      this.setState({
+        showChunkContextMenu: false
+      });
+    }
+  }
+
   handleSidebarToggle = () => {
     if (this.state.sidebarPinned) {
       setTimeout(() => this.treemap.resize());

client/components/Treemap.jsx

@@ -149,7 +149,12 @@ export default class Treemap extends Component {
   }
 
   resize = () => {
+    const {props} = this;
     this.treemap.resize();
+
+    if (props.onResize) {
+      props.onResize();
+    }
   }
 }