[Bug][Grid] Grid border rendering issue when using scrollable none option in v9

[PaitoAnderson]

I'm submitting a...

Bug report

Current behavior

When using scrollable="none" on a grid the k-grid div and the k-pager div are rendered as siblings instead the k-pager being a child of k-grid. This causes the styling border to rendering incorrectly at the bottom of the grid. Using material-main-dark in this example below.

Expected behavior

The grid border to render normally around the entire grid. Like this:

Minimal reproduction of the problem with instructions

https://codesandbox.io/p/sandbox/angry-dubinsky-r9kzcn?workspaceId=a0db1f94-c4f2-479a-ad89-5cc1c781c9c7

Versions

"@progress/kendo-react-grid": "9.0.0",
"@progress/kendo-theme-material": "10.0.1",

[silviyaboteva]

Hello @PaitoAnderson,

Thank you for bringing this to our attention. We consider this a bug and will do our best to fix it as soon as possible.