search

telerik / kendo-react

Issue tracker - KendoReact http://www.telerik.com/kendo-react-ui/
https://kendo-react-teal.vercel.app
Other
212 stars 37 forks source link

[Bug][Grid] ColumnMenu incorrect position when scrolling #2145

Open WissamProgress opened 6 months ago

WissamProgress commented 6 months ago

I'm submitting a...

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

WissamProgress commented 3 months ago

Also reported in Ticket ID: 1655471