Fix onWidthChange only being called on breakpoint changes

Author: mimeister

lib/ResponsiveReactGridLayout.jsx

@@ -188,6 +188,7 @@ export default class ResponsiveReactGridLayout extends React.Component<
       getBreakpointFromWidth(nextProps.breakpoints, nextProps.width);
 
     const lastBreakpoint = this.state.breakpoint;
+    const newCols: number = getColsFromBreakpoint(newBreakpoint, cols);
 
     // Breakpoint change
     if (
@@ -200,7 +201,6 @@ export default class ResponsiveReactGridLayout extends React.Component<
         layouts[lastBreakpoint] = cloneLayout(this.state.layout);
 
       // Find or generate a new layout.
-      const newCols: number = getColsFromBreakpoint(newBreakpoint, cols);
       let layout = findOrGenerateResponsiveLayout(
         layouts,
         breakpoints,
@@ -224,19 +224,20 @@ export default class ResponsiveReactGridLayout extends React.Component<
       // callbacks
       this.props.onLayoutChange(layout, layouts);
       this.props.onBreakpointChange(newBreakpoint, newCols);
-      this.props.onWidthChange(
-        nextProps.width,
-        nextProps.margin,
-        newCols,
-        nextProps.containerPadding
-      );
 
       this.setState({
         breakpoint: newBreakpoint,
         layout: layout,
         cols: newCols
       });
     }
+    //call onWidthChange on every change of width, not only on breakpoint changes
+    this.props.onWidthChange(
+      nextProps.width,
+      nextProps.margin,
+      newCols,
+      nextProps.containerPadding
+    );
   }
 
   render() {