Support containerStyle option as in previous release

Author: jsimonsen

index.jsx

@@ -3,6 +3,13 @@ const React = require('react')
 const onElementResize = require('element-resize-event')
 const unbind = require('element-resize-event').unbind
 
+const defaultContainerStyle = {
+  width: '100%',
+  height: '100%',
+  padding: 0,
+  border: 0
+}
+
 function defaultGetDimensions (element) {
   return [element.clientWidth, element.clientHeight]
 }
@@ -74,11 +81,12 @@ function defaultGetDimensions (element) {
  * module.exports = Dimensions()(MyComponent) // Enhanced component
  *
  */
-module.exports = function Dimensions ({
+export default function Dimensions ({
     getDimensions = defaultGetDimensions,
     debounce = 0,
     debounceOpts = {},
-    elementResize = false
+    elementResize = false,
+    containerStyle = defaultContainerStyle
   } = {}) {
   return (ComposedComponent) => {
     return class DimensionsHOC extends React.Component {
@@ -165,13 +173,9 @@ module.exports = function Dimensions ({
           // only trigger a warning about the wrapper div if we already have a reference to it
           console.warn('Wrapper div has no height or width, try overriding style with `containerStyle` option')
         }
-        const wrapperStyle = {
-          overflow: 'visible',
-          height: 0,
-          width: 0
-        }
+
         return (
-          <div style={wrapperStyle} ref='wrapper'>
+          <div style={containerStyle} ref='wrapper'>
             {(containerWidth || containerHeight)
               ? <ComposedComponent
                 {...this.state}