Merge pull request #1976 from weaveworks/1974-debounce-terminal-resizing

Fixes the terminal spamming POST requests on resize
weaveworks · Nov 4, 2016 · 5cb3a00 · 5cb3a00
2 parents 722d5cd + 6c31f2a
commit 5cb3a00
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/client/app/scripts/components/terminal.js b/client/app/scripts/components/terminal.js
@@ -4,6 +4,7 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import { connect } from 'react-redux';
 import classNames from 'classnames';
+import _ from 'lodash';
 
 import { clickCloseTerminal } from '../actions/app-actions';
 import { getNeutralColor } from '../utils/color-utils';
@@ -203,7 +204,7 @@ class Terminal extends React.Component {
 
     const {characterWidth, characterHeight} = terminalCellSize(this.term.element);
 
-    window.addEventListener('resize', this.handleResize);
+    window.addEventListener('resize', _.debounce(this.handleResize, 500));
 
     this.resizeTimeout = setTimeout(() => {
       this.setState({