fix(scroll-dispatcher): unable to unsubscribe from global listener

Fixes not being able to unsubscribe from the global `scrolled` listener.

Author: crisbeto

src/lib/core/overlay/scroll/scroll-dispatcher.spec.ts

@@ -67,6 +67,19 @@ describe('Scroll Dispatcher', () => {
       tick(throttleTime);
       expect(hasServiceScrollNotified).toBe(true);
     }));
+
+    it('should be able to unsubscribe from the global scrollable', () => {
+      const spy = jasmine.createSpy('global scroll callback');
+      const subscription = scroll.scrolled(0, spy);
+
+      dispatchFakeEvent(document, 'scroll');
+      expect(spy).toHaveBeenCalledTimes(1);
+
+      subscription.unsubscribe();
+      dispatchFakeEvent(document, 'scroll');
+
+      expect(spy).toHaveBeenCalledTimes(1);
+    });
   });
 
   describe('Nested scrollables', () => {

src/lib/core/overlay/scroll/scroll-dispatcher.ts

@@ -77,14 +77,18 @@ export class ScrollDispatcher {
 
     // Note that we need to do the subscribing from here, in order to be able to remove
     // the global event listeners once there are no more subscriptions.
-    return observable.subscribe(callback).add(() => {
+    let subscription = observable.subscribe(callback);
+
+    subscription.add(() => {
       this._scrolledCount--;
 
       if (this._globalSubscription && !this.scrollableReferences.size && !this._scrolledCount) {
         this._globalSubscription.unsubscribe();
         this._globalSubscription = null;
       }
     });
+
+    return subscription;
   }
 
   /** Returns all registered Scrollables that contain the provided element. */