[Bug][Grid] ColumnMenu incorrect position when scrolling

[WissamProgress]

I'm submitting a...

• Bug report

Current behavior

The column menu does not have a correct position when scrolling. This is the case for both vertical and horizontal scrolling.

Horizontal - https://somup.com/cZeuoFCZMG

Vertical - https://somup.com/cZeuoqCZMd

Expected behavior

For horizontal scrolling, the column menu show always be displayed as an anchor for the icon upon scrolling.
For vertical scrolling, the column menu is correctly following the scrolling but when it is out of bounds it should be displayed behind the component and not above it. Another option would be to close it when it is out of bounds.

Minimal reproduction of the problem with instructions

Horizontal scrolling:

1. Open the overview demo - https://www.telerik.com/kendo-react-ui/components/grid/
2. Open a column menu and horizontally scroll the Grid - https://somup.com/cZeuoFCZMG

Vertical Scrolling:

1. Render Detail Grids with column menus - https://stackblitz.com/edit/react-8z3ghp-esv99y?file=app%2Fmain.jsx
2. Open a column menu and vertically scroll the Grid - https://somup.com/cZeuoqCZMd

Ticket ID: 1646506