fix(html): remove k-virtual-content from Grid

The class does not hold any styles and seems to be obsolete
telerik · Dec 2, 2024 · 84cf6ce · 84cf6ce
1 parent c0990f4
commit 84cf6ce
Show file tree

Hide file tree

Showing 24 changed files with 46 additions and 46 deletions.
diff --git a/packages/html/src/grid/tests/grid-angular.tsx b/packages/html/src/grid/tests/grid-angular.tsx
@@ -33,7 +33,7 @@ export default () =>(
                         </div>
                     </GridHeader>
                     <GridContainer>
-                        <GridContent className="k-virtual-content">
+                        <GridContent>
                             <div className="k-grid-table-wrap">
                                 <GridTable>
                                     <colgroup>
@@ -100,7 +100,7 @@ export default () =>(
                         </div>
                     </GridHeader>
                     <GridContainer>
-                        <GridContent className="k-virtual-content">
+                        <GridContent>
                             <div className="k-grid-table-wrap">
                                 <GridTable>
                                     <colgroup>
@@ -181,7 +181,7 @@ export default () =>(
                         </div>
                     </GridHeader>
                     <GridContainer>
-                        <GridContent className="k-virtual-content">
+                        <GridContent>
                             <div className="k-grid-table-wrap">
                                 <GridTable>
                                     <colgroup>

diff --git a/packages/html/src/grid/tests/grid-column-menu-angular.tsx b/packages/html/src/grid/tests/grid-column-menu-angular.tsx
@@ -28,7 +28,7 @@ export default () =>(
                     </div>
                 </GridHeader>
                 <GridContainer>
-                    <GridContent className="k-virtual-content">
+                    <GridContent>
                         <div className="k-grid-table-wrap">
                             <GridTable>
                                 <colgroup>
@@ -85,7 +85,7 @@ export default () =>(
                     </div>
                 </GridHeader>
                 <GridContainer>
-                    <GridContent className="k-virtual-content">
+                    <GridContent>
                         <div className="k-grid-table-wrap">
                             <GridTable>
                                 <colgroup>
@@ -142,7 +142,7 @@ export default () =>(
                     </div>
                 </GridHeader>
                 <GridContainer>
-                    <GridContent className="k-virtual-content">
+                    <GridContent>
                         <div className="k-grid-table-wrap">
                             <GridTable>
                                 <colgroup>

diff --git a/packages/html/src/grid/tests/grid-column-menu-blazor.tsx b/packages/html/src/grid/tests/grid-column-menu-blazor.tsx
@@ -28,7 +28,7 @@ export default () =>(
                     </div>
                 </GridHeader>
                 <GridContainer>
-                    <GridContent className="k-virtual-content">
+                    <GridContent>
                         <div style={{ position: "relative" }}>
                             <div className="k-virtual-position">
                                 <GridTable role="grid" style={{ height: 'auto' }}>
@@ -98,7 +98,7 @@ export default () =>(
                     </div>
                 </GridHeader>
                 <GridContainer>
-                    <GridContent className="k-virtual-content">
+                    <GridContent>
                         <div style={{ position: "relative" }}>
                             <div className="k-virtual-position">
                                 <GridTable role="grid" style={{ height: 'auto' }}>
@@ -168,7 +168,7 @@ export default () =>(
                     </div>
                 </GridHeader>
                 <GridContainer>
-                    <GridContent className="k-virtual-content">
+                    <GridContent>
                         <div style={{ position: "relative" }}>
                             <div className="k-virtual-position">
                                 <GridTable role="grid" style={{ height: 'auto' }}>

diff --git a/packages/html/src/grid/tests/grid-editing-inline-angular.tsx b/packages/html/src/grid/tests/grid-editing-inline-angular.tsx
@@ -34,7 +34,7 @@ export default () =>(
                     </div>
                 </GridHeader>
                 <GridContainer>
-                    <GridContent className="k-virtual-content">
+                    <GridContent>
                         <div className="k-grid-table-wrap">
                             <GridTable>
                                 <colgroup>
@@ -103,7 +103,7 @@ export default () =>(
                     </div>
                 </GridHeader>
                 <GridContainer>
-                    <GridContent className="k-virtual-content">
+                    <GridContent>
                         <div className="k-grid-table-wrap">
                             <GridTable>
                                 <colgroup>

diff --git a/packages/html/src/grid/tests/grid-editing-inline-blazor.tsx b/packages/html/src/grid/tests/grid-editing-inline-blazor.tsx
@@ -35,7 +35,7 @@ export default () =>(
                     </div>
                 </GridHeader>
                 <GridContainer>
-                    <GridContent className="k-virtual-content">
+                    <GridContent>
                         <div style={{ position: "relative" }}>
                             <div className="k-virtual-position">
                                 <GridTable style={{ height: 'auto' }}>
@@ -114,7 +114,7 @@ export default () =>(
                     </div>
                 </GridHeader>
                 <GridContainer>
-                    <GridContent className="k-virtual-content">
+                    <GridContent>
                         <div style={{ position: "relative" }}>
                             <div className="k-virtual-position">
                                 <GridTable style={{ height: 'auto' }}>

diff --git a/packages/html/src/grid/tests/grid-filter-menu-angular.tsx b/packages/html/src/grid/tests/grid-filter-menu-angular.tsx
@@ -29,7 +29,7 @@ export default () =>(
                     </div>
                 </GridHeader>
                 <GridContainer>
-                    <GridContent className="k-virtual-content">
+                    <GridContent>
                         <div className="k-grid-table-wrap">
                             <GridTable>
                                 <colgroup>
@@ -93,7 +93,7 @@ export default () =>(
                     </div>
                 </GridHeader>
                 <GridContainer>
-                    <GridContent className="k-virtual-content">
+                    <GridContent>
                         <div className="k-grid-table-wrap">
                             <GridTable>
                                 <colgroup>
@@ -157,7 +157,7 @@ export default () =>(
                     </div>
                 </GridHeader>
                 <GridContainer>
-                    <GridContent className="k-virtual-content">
+                    <GridContent>
                         <div className="k-grid-table-wrap">
                             <GridTable>
                                 <colgroup>

diff --git a/packages/html/src/grid/tests/grid-filter-menu-blazor.tsx b/packages/html/src/grid/tests/grid-filter-menu-blazor.tsx
@@ -28,7 +28,7 @@ export default () =>(
                     </div>
                 </GridHeader>
                 <GridContainer>
-                    <GridContent className="k-virtual-content">
+                    <GridContent>
                         <div className="k-pos-relative">
                             <div className="k-virtual-position">
                                 <GridTable role="grid" style={{ height: 'auto' }}>
@@ -98,7 +98,7 @@ export default () =>(
                     </div>
                 </GridHeader>
                 <GridContainer>
-                    <GridContent className="k-virtual-content">
+                    <GridContent>
                         <div className="k-pos-relative">
                             <div className="k-virtual-position">
                                 <GridTable role="grid" style={{ height: 'auto' }}>
@@ -168,7 +168,7 @@ export default () =>(
                     </div>
                 </GridHeader>
                 <GridContainer>
-                    <GridContent className="k-virtual-content">
+                    <GridContent>
                         <div className="k-pos-relative">
                             <div className="k-virtual-position">
                                 <GridTable role="grid" style={{ height: 'auto' }}>

diff --git a/packages/html/src/grid/tests/grid-filter-row-angular.tsx b/packages/html/src/grid/tests/grid-filter-row-angular.tsx
@@ -63,7 +63,7 @@ export default () =>(
                     </div>
                 </GridHeader>
                 <GridContainer>
-                    <GridContent className="k-virtual-content">
+                    <GridContent>
                         <div className="k-grid-table-wrap">
                             <GridTable>
                                 <colgroup>
@@ -160,7 +160,7 @@ export default () =>(
                     </div>
                 </GridHeader>
                 <GridContainer>
-                    <GridContent className="k-virtual-content">
+                    <GridContent>
                         <div className="k-grid-table-wrap">
                             <GridTable>
                                 <colgroup>

diff --git a/packages/html/src/grid/tests/grid-filter-row-blazor.tsx b/packages/html/src/grid/tests/grid-filter-row-blazor.tsx
@@ -71,7 +71,7 @@ export default () =>(
                     </div>
                 </GridHeader>
                 <GridContainer>
-                    <GridContent className="k-virtual-content">
+                    <GridContent>
                         <div className="k-pos-relative">
                             <div className="k-virtual-position">
                                 <GridTable style={{ height: 'auto' }}>
@@ -194,7 +194,7 @@ export default () =>(
                     </div>
                 </GridHeader>
                 <GridContainer>
-                    <GridContent className="k-virtual-content">
+                    <GridContent>
                         <div className="k-pos-relative">
                             <div className="k-virtual-position">
                                 <GridTable style={{ height: 'auto' }}>

diff --git a/packages/html/src/grid/tests/grid-grouping-blazor.tsx b/packages/html/src/grid/tests/grid-grouping-blazor.tsx
@@ -34,7 +34,7 @@ export default () =>(
                     </div>
                 </GridHeader>
                 <GridContainer>
-                    <GridContent className="k-virtual-content">
+                    <GridContent>
                         <div className="k-pos-relative">
                             <div className="k-virtual-position">
                                 <GridTable role="grid" style={{ height: 'auto' }}>
@@ -116,7 +116,7 @@ export default () =>(
                     </div>
                 </GridHeader>
                 <GridContainer>
-                    <GridContent className="k-virtual-content">
+                    <GridContent>
                         <div className="k-pos-relative">
                             <div className="k-virtual-position">
                                 <GridTable role="grid" style={{ height: 'auto' }}>
@@ -220,7 +220,7 @@ export default () =>(
                     </div>
                 </GridHeader>
                 <GridContainer>
-                    <GridContent className="k-virtual-content">
+                    <GridContent>
                         <div className="k-pos-relative">
                             <div className="k-virtual-position">
                                 <GridTable role="grid" style={{ height: 'auto' }}>

diff --git a/packages/html/src/grid/tests/grid-grouping-detail-template.tsx b/packages/html/src/grid/tests/grid-grouping-detail-template.tsx
@@ -36,7 +36,7 @@ export default () =>(
                     </div>
                 </GridHeader>
                 <GridContainer>
-                    <GridContent className="k-virtual-content">
+                    <GridContent>
                         <div className="k-grid-table-wrap">
                             <GridTable>
                                 <colgroup>
@@ -118,7 +118,7 @@ export default () =>(
                     </div>
                 </GridHeader>
                 <GridContainer>
-                    <GridContent className="k-virtual-content">
+                    <GridContent>
                         <div className="k-grid-table-wrap">
                             <GridTable>
                                 <colgroup>
@@ -222,7 +222,7 @@ export default () =>(
                     </div>
                 </GridHeader>
                 <GridContainer>
-                    <GridContent className="k-virtual-content">
+                    <GridContent>
                         <div className="k-grid-table-wrap">
                             <GridTable>
                                 <colgroup>
@@ -346,7 +346,7 @@ export default () =>(
                     </div>
                 </GridHeader>
                 <GridContainer>
-                    <GridContent className="k-virtual-content">
+                    <GridContent>
                         <div className="k-grid-table-wrap">
                             <GridTable>
                                 <colgroup>

diff --git a/packages/html/src/grid/tests/grid-grouping.tsx b/packages/html/src/grid/tests/grid-grouping.tsx
@@ -53,7 +53,7 @@ export default () =>(
                     </div>
                 </GridHeader>
                 <GridContainer>
-                    <GridContent className="k-virtual-content">
+                    <GridContent>
                         <div className="k-grid-table-wrap">
                             <GridTable>
                                 <colgroup>
@@ -137,7 +137,7 @@ export default () =>(
             <span>angular with grouping</span>
             <span>jquery with grouping</span>
 
-            <GridWithGrouping className="k-grid-no-scrollbar" contentClassName="k-virtual-content" toolbar={(
+            <GridWithGrouping className="k-grid-no-scrollbar" toolbar={(
                 <GridToolbar>
                     <Button>Button</Button>
                     <ButtonGroup>

diff --git a/packages/html/src/grid/tests/grid-locked-column-states.tsx b/packages/html/src/grid/tests/grid-locked-column-states.tsx
@@ -80,7 +80,7 @@ export default () => (
                             </TableTbody>
                         </GridTable>
                     </div>
-                    <GridContent className="k-virtual-content" style={{ width: "605px", height: "320px" }}>
+                    <GridContent style={{ width: "605px", height: "320px" }}>
                         <GridTable>
                             <colgroup>
                                 <col style={{ width: "300px" }} />

diff --git a/packages/html/src/grid/tests/grid-locked-columns-rtl.tsx b/packages/html/src/grid/tests/grid-locked-columns-rtl.tsx
@@ -146,7 +146,7 @@ export default () =>(
                             <div></div>
                         </div>
                     </div>
-                    <GridContent className="k-virtual-content">
+                    <GridContent>
                         <div className="k-grid-table-wrap">
                             <GridTable>
                                 <colgroup>

diff --git a/packages/html/src/grid/tests/grid-locked-columns.tsx b/packages/html/src/grid/tests/grid-locked-columns.tsx
@@ -238,7 +238,7 @@ export default () =>(
                                 <div></div>
                             </div>
                         </div>
-                        <GridContent className="k-virtual-content">
+                        <GridContent>
                             <div className="k-grid-table-wrap">
                                 <GridTable>
                                     <colgroup>

diff --git a/packages/html/src/grid/tests/grid-multicolumn-headers.tsx b/packages/html/src/grid/tests/grid-multicolumn-headers.tsx
@@ -68,7 +68,7 @@ export default () =>(
                             <div style={{ height: '0px' }}></div>
                         </div>
                     </div>
-                    <GridContent className="k-virtual-content" style={{ width: "447px" }}>
+                    <GridContent style={{ width: "447px" }}>
                         <div className="k-grid-table-wrap" style={{ position: "relative" }}>
                             <GridTable style={{ transform: "translateY(0px)", width: "900px" }}>
                                 <colgroup>

diff --git a/packages/html/src/grid/tests/grid-no-records.tsx b/packages/html/src/grid/tests/grid-no-records.tsx
@@ -59,7 +59,7 @@ export default () =>(
                     </div>
                 </GridHeader>
                 <GridContainer>
-                    <GridContent className="k-virtual-content">
+                    <GridContent>
                         <div className="k-grid-table-wrap">
                             <GridTable>
                                 <colgroup>

diff --git a/packages/html/src/grid/tests/grid-react-basic.tsx b/packages/html/src/grid/tests/grid-react-basic.tsx
@@ -34,7 +34,7 @@ export default () =>(
                         </div>
                     </GridHeader>
                     <GridContainer>
-                        <GridContent className="k-virtual-content">
+                        <GridContent>
                             <div style={{ position: "relative" }}>
                                 <GridTable>
                                     <colgroup>

diff --git a/packages/html/src/grid/tests/grid-react.tsx b/packages/html/src/grid/tests/grid-react.tsx
@@ -38,7 +38,7 @@ export default () =>(
                         </div>
                     </GridHeader>
                     <GridContainer>
-                        <GridContent className="k-virtual-content">
+                        <GridContent>
                             <div style={{ position: "relative" }}>
                                 <GridTable style={{ width: "1180px" }}>
                                     <colgroup>

diff --git a/packages/html/src/grid/tests/grid-sticky-column-states.tsx b/packages/html/src/grid/tests/grid-sticky-column-states.tsx
@@ -30,7 +30,7 @@ export default () => (
                     </div>
                 </GridHeader>
                 <GridContainer>
-                    <GridContent className="k-virtual-content">
+                    <GridContent>
                         <div style={{ position: "relative" }}>
                             <GridTable style={{ width: "1100px" }}>
                                 <colgroup>
@@ -150,7 +150,7 @@ export default () => (
                     </div>
                 </GridHeader>
                 <GridContainer>
-                    <GridContent className="k-virtual-content">
+                    <GridContent>
                         <div style={{ position: "relative" }}>
                             <div className="k-virtual-position">
                                 <GridTable style={{ height: 'auto' }}>

diff --git a/packages/html/src/grid/tests/grid-sticky-columns-rtl.tsx b/packages/html/src/grid/tests/grid-sticky-columns-rtl.tsx
@@ -52,7 +52,7 @@ export default () =>(
                     </div>
                 </GridHeader>
                 <GridContainer>
-                    <GridContent className="k-virtual-content">
+                    <GridContent>
                         <div style={{ position: "relative" }}>
                             <GridTable style={{ width: "1434px" }}>
                                 <colgroup>

diff --git a/packages/html/src/grid/tests/grid-sticky-columns.tsx b/packages/html/src/grid/tests/grid-sticky-columns.tsx
@@ -6,7 +6,7 @@ import { TableThead, TableTbody, TableRow, TableTd } from '../../table';
 export default () =>(
     <>
         <div id="test-area" className="k-d-grid">
-            <GridWithStickyColumns contentClassName="k-virtual-content" style={{ height: "400px", width: "500px" }} />
+            <GridWithStickyColumns style={{ height: "400px", width: "500px" }} />
 
             <GridWithStickyColumns className="k-telerik-blazor">
                 <GridGroupingHeader>
@@ -39,7 +39,7 @@ export default () =>(
                     </div>
                 </GridHeader>
                 <GridContainer>
-                    <GridContent className="k-virtual-content">
+                    <GridContent>
                         <div style={{ position: "relative" }}>
                             <div className="k-virtual-position">
                                 <GridTable style={{ height: 'auto' }}>