Make explore container resize with browser window

apache · Nov 17, 2016 · ad651c8 · ad651c8
1 parent d5ef937
commit ad651c8
Showing 1 changed file with 12 additions and 1 deletion.
diff --git 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,