From ad651c8b730f706ba13a8f605db6c187544d9b59 Mon Sep 17 00:00:00 2001
From: Vera Liu <vera.liu@airbnb.com>
Date: Tue, 15 Nov 2016 10:47:12 -0800
Subject: [PATCH] Make explore container resize with browser window

---
 .../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 b133f12b1450..b7a2804e283d 100644
--- a/superset/assets/javascripts/explorev2/components/ExploreViewContainer.jsx
+++ b/superset/assets/javascripts/explorev2/components/ExploreViewContainer.jsx
@@ -23,11 +23,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];
       }
@@ -59,10 +66,14 @@ 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() });
+  }
 
   render() {
     return (
       <div
+        id="explore-container"
         className="container-fluid"
         style={{
           height: this.state.height,