First try to fix responsive behaviour on iPhones and iPads

swiety85 · swiety85 · commit 818ac6fa6177 · 2017-07-10T20:28:18.000+02:00
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,14 @@
+<a name="0.6.1"></a>
+# [0.6.1]((https://github.com/swiety85/angular2gridster/compare/0.6.0...0.6.1)) (2017-07-10)
+
+
+### Bug Fixes
+
+* **config:** fix default gridster options
+* **responsiveness:** fix responsive behaviour on iPhones and iPads
+
+
+
 <a name="0.6.0"></a>
 # [0.6.0]((https://github.com/swiety85/angular2gridster/compare/0.5.3...0.6.0)) (2017-07-06)
 
diff --git a/demo/src/app/gridster/GridsterOptions.ts b/demo/src/app/gridster/GridsterOptions.ts
@@ -40,10 +40,10 @@ export class GridsterOptions {
         this.responsiveOptions = this.extendResponsiveOptions(config.responsiveOptions || []);
 
         this.change = Observable.merge(
-                Observable.of(this.getOptionsByWidth(window.outerWidth)),
+                Observable.of(this.getOptionsByWidth(document.documentElement.clientWidth)),
                 Observable.fromEvent(window, 'resize')
                     .debounceTime(config.responsiveDebounce || 0)
-                    .map((event: Event) => this.getOptionsByWidth(window.outerWidth))
+                    .map((event: Event) => this.getOptionsByWidth(document.documentElement.clientWidth))
             )
             .distinctUntilChanged(null, (options: any) => options.minWidth);
     }

Original file line number	Diff line number	Diff line change
`@@ -40,10 +40,10 @@ export class GridsterOptions {`
`40`	`40`	`this.responsiveOptions = this.extendResponsiveOptions(config.responsiveOptions \|\| []);`
`41`	`41`
`42`	`42`	`this.change = Observable.merge(`
`43`		`- Observable.of(this.getOptionsByWidth(window.outerWidth)),`
	`43`	`+ Observable.of(this.getOptionsByWidth(document.documentElement.clientWidth)),`
`44`	`44`	`Observable.fromEvent(window, 'resize')`
`45`	`45`	`.debounceTime(config.responsiveDebounce \|\| 0)`
`46`		`- .map((event: Event) => this.getOptionsByWidth(window.outerWidth))`
	`46`	`+ .map((event: Event) => this.getOptionsByWidth(document.documentElement.clientWidth))`
`47`	`47`	`)`
`48`	`48`	`.distinctUntilChanged(null, (options: any) => options.minWidth);`
`49`	`49`	`}`