move contain to virtual-scroll parent (#2166)

iTwin · Jul 23, 2024 · 660b828 · 660b828
1 parent ba6811b
commit 660b828
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/packages/itwinui-react/src/utils/hooks/useVirtualScroll.ts b/packages/itwinui-react/src/utils/hooks/useVirtualScroll.ts
@@ -8,9 +8,12 @@ import type { ScrollToOptions, Virtualizer } from '@tanstack/react-virtual';
 import React from 'react';
 
 const css = /*css*/ `
+:host {
+  contain: layout;
+  background-color: var(--iui-color-background);
+}
 [data-iui-virtualizer='root'] {
   min-inline-size: 100%;
-  contain: layout;
   position: relative;
 }
 ::slotted([data-iui-virtualizer='item']) {