fix safari

Author: mmalerba

src/cdk/scrolling/virtual-scroll-viewport.scss

@@ -45,7 +45,9 @@ cdk-virtual-scroll-viewport {
   top: 0;
   left: 0;
   contain: content;
-  will-change: transform;
+
+  // Note: We can't put `will-change: transform;` here because it causes Safari to not update the viewport's
+  // `scrollHeight` when the spacer's transform changes.
 
   [dir='rtl'] & {
     right: 0;
@@ -73,7 +75,9 @@ cdk-virtual-scroll-viewport {
   height: 1px;
   width: 1px;
   transform-origin: 0 0;
-  will-change: transform;
+
+  // Note: We can't put `will-change: transform;` here because it causes Safari to not update the viewport's
+  // `scrollHeight` when the spacer's transform changes.
 
   [dir='rtl'] & {
     right: 0;

src/cdk/scrolling/virtual-scroll-viewport.spec.ts

@@ -121,6 +121,17 @@ describe('CdkVirtualScrollViewport', () => {
       expect(viewport.elementRef.nativeElement.scrollHeight).toBe(10000);
     }));
 
+    it('should set total content size in horizontal mode', fakeAsync(() => {
+      testComponent.orientation = 'horizontal';
+      finishInit(fixture);
+
+      viewport.setTotalContentSize(10000);
+      flush();
+      fixture.detectChanges();
+
+      expect(viewport.elementRef.nativeElement.scrollWidth).toBe(10000);
+    }));
+
     it('should set rendered range', fakeAsync(() => {
       finishInit(fixture);
       viewport.setRenderedRange({start: 2, end: 3});
@@ -676,6 +687,27 @@ describe('CdkVirtualScrollViewport', () => {
 
       expect(testComponent.scrolledToIndex).toBe(2);
     }));
+
+    it('should set total content size', fakeAsync(() => {
+      finishInit(fixture);
+
+      viewport.setTotalContentSize(10000);
+      flush();
+      fixture.detectChanges();
+
+      expect(viewport.elementRef.nativeElement.scrollHeight).toBe(10000);
+    }));
+
+    it('should set total content size in horizontal mode', fakeAsync(() => {
+      testComponent.orientation = 'horizontal';
+      finishInit(fixture);
+
+      viewport.setTotalContentSize(10000);
+      flush();
+      fixture.detectChanges();
+
+      expect(viewport.elementRef.nativeElement.scrollWidth).toBe(10000);
+    }));
   });
 });