Try fixing widget overlapping bug

Author: CarterLi

demo/dashboard/view.html

@@ -5,7 +5,7 @@ <h1 style="display: inline-block; width: 200px;">Dashboard</h1>
 	<select class="form-control" style="width: 150px; margin-bottom: 20px; display:inline-block;" ng-change="changeDashboard()" ng-model="selectedDashboardId" ng-options="d.id as d.name for d in dashboards | object2Array | orderBy:'id'">
 	</select>
 </div>
-<div gridster="gridsterOptions" ng-show="visible">
+<div gridster="gridsterOptions" ng-show="dashboard.widgets.length">
 	<ul>
 		<li gridster-item="widget" ng-repeat="widget in dashboard.widgets">
 			<div class="box" ng-controller="CustomWidgetCtrl">
@@ -22,5 +22,3 @@ <h3>{{ widget.name }}</h3>
 		</li>
 	</ul>
 </div>
-<hr>
-<button ng-click="visible=!visible">toggle</button>

src/angular-gridster.js

@@ -815,7 +815,7 @@
 							var resize = function() {
 								var width = $elem[0].offsetWidth || parseInt($elem.css('width'), 10);
 
-								if (!width || width === prevWidth || gridster.movingItem) {
+								if (width === prevWidth || gridster.movingItem) {
 									return;
 								}
 								prevWidth = width;
@@ -831,6 +831,7 @@
 								}
 
 								$rootScope.$broadcast('gridster-resized', [width, $elem[0].offsetHeight], gridster);
+								scope.$apply();
 							};
 
 							// track element width changes any way we can
@@ -845,6 +846,8 @@
 
 							// allow a little time to place items before floating up
 							$timeout(function() {
+								resize();
+
 								scope.$watch('gridster.floating', function() {
 									gridster.floatItemsUp();
 								});