From face5245a99d13089b9fa4cfa7521ee2ca6b209c Mon Sep 17 00:00:00 2001
From: vera-liu <vera.liu@airbnb.com>
Date: Tue, 22 Nov 2016 14:36:41 -0800
Subject: [PATCH] Make explore container resize with browser window (#1608)

---
 .../explorev2/components/ExploreViewContainer.jsx   | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/superset/assets/javascripts/explorev2/components/ExploreViewContainer.jsx b/superset/assets/javascripts/explorev2/components/ExploreViewContainer.jsx
index 2154f36a19..e9e68d5150 100644
--- a/superset/assets/javascripts/explorev2/components/ExploreViewContainer.jsx
+++ b/superset/assets/javascripts/explorev2/components/ExploreViewContainer.jsx
@@ -25,11 +25,18 @@ class ExploreViewContainer extends React.Component {
     };
   }
 
+  componentDidMount() {
+    window.addEventListener('resize', this.handleResize.bind(this));
+  }
+
+  componentWillUnmount() {
+    window.removeEventListener('resize', this.handleResize.bind(this));
+  }
   onQuery() {
     const data = {};
     const form_data = this.props.form_data;
     Object.keys(form_data).forEach((field) => {
-      // filter out null fields
+    // filter out null fields
       if (form_data[field] !== null && field !== 'datasource') {
         data[field] = form_data[field];
       }
@@ -64,6 +71,9 @@ class ExploreViewContainer extends React.Component {
     this.props.actions.updateExplore(
       this.props.datasource_type, this.props.form_data.datasource, data);
   }
+  handleResize() {
+    this.setState({ height: this.getHeight() });
+  }
 
   toggleModal() {
     this.setState({ showModal: !this.state.showModal });
@@ -72,6 +82,7 @@ class ExploreViewContainer extends React.Component {
   render() {
     return (
       <div
+        id="explore-container"
         className="container-fluid"
         style={{
           height: this.state.height,