fixup! feat(cdk/scrolling): make scroller element configurable for virtual scrolling

spike-rabbit · spike-rabbit · commit a37dbee98e78 · 2022-06-07T10:22:38.000+02:00
diff --git a/src/cdk/scrolling/virtual-scroll-viewport.scss b/src/cdk/scrolling/virtual-scroll-viewport.scss
@@ -75,13 +75,12 @@ cdk-virtual-scroll-viewport {
 .cdk-virtual-scroll-spacer {
   height: 1px;
   transform-origin: 0 0;
+  flex: 0 0 auto; // prevents spacer from collapsing if display: flex is applied
 
   // 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;
-    left: auto;
     transform-origin: 100% 0;
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -75,13 +75,12 @@ cdk-virtual-scroll-viewport {`
`75`	`75`	`.cdk-virtual-scroll-spacer {`
`76`	`76`	`height: 1px;`
`77`	`77`	`transform-origin: 0 0;`
	`78`	`+ flex: 0 0 auto; // prevents spacer from collapsing if display: flex is applied`
`78`	`79`
`79`	`80`	// Note: We can't put `will-change: transform;` here because it causes Safari to not update the
`80`	`81`	// viewport's `scrollHeight` when the spacer's transform changes.
`81`	`82`
`82`	`83`	`[dir='rtl'] & {`
`83`		`- right: 0;`
`84`		`- left: auto;`
`85`	`84`	`transform-origin: 100% 0;`
`86`	`85`	`}`
`87`	`86`	`}`