Merge pull request #283 from orangemug/fix/issue-244

Fix to allow layer sections to expand smoothly

src/components/layers/LayerEditorGroup.jsx

@@ -21,7 +21,9 @@ export default class LayerEditorGroup extends React.Component {
         <Collapser isCollapsed={this.props.isActive} />
       </div>
       <Collapse isOpened={this.props.isActive}>
-        {this.props.children}
+        <div className="react-collapse-container">
+          {this.props.children}
+        </div>
       </Collapse>
     </div>
   }

src/styles/_react-collapse.scss

@@ -0,0 +1,5 @@
+// See <https://github.com/nkbt/react-collapse/commit/4f4fbce7c6c07b082dc62062338c9294c656f9df>
+.react-collapse-container {
+  position: relative;
+  overflow: hidden;
+}

src/styles/index.scss

@@ -36,3 +36,4 @@ $toolbar-offset: 0;
 @import 'zoomproperty';
 @import 'popup';
 @import 'map';
+@import 'react-collapse';