[data grid] No auto-scroll to the left when dragging columns in DataGridPro with `pinnedColumns.left`

[Aislu96]

Steps to reproduce

Steps:
1. Use DataGridPro with horizontal scrolling and several columns.
2. Set pinnedColumns.left with 2–3 columns (e.g., checkboxSelection, phrase, frequency).
3. Scroll horizontally so that only the right-side columns are visible.
4. Try dragging a rightmost column to the left edge of the grid.
5. Observe: the grid does not scroll left automatically.

Current behavior

Describe the bug

When using pinnedColumns.left in DataGridPro, columns can be scrolled into view and reordered to the right, but auto-scroll to the left does not work during drag-and-drop of columns.

If I try to drag a column from the rightmost visible part of the grid toward the left edge — and there are pinned columns on the left — the grid does not scroll left automatically. This prevents placing a column before the currently visible area.

Expected behavior

Expected behavior

The grid should auto-scroll left when dragging a column near the left edge — same as it works when dragging toward the right edge.

Context

Additional context

This seems related to how drag-and-drop zones are handled when pinned columns are present. Since the pinned columns occupy the leftmost space, the drag area doesn’t activate auto-scroll.

Your environment

npx @mui/envinfo

  Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.

•	@mui/x-data-grid-premium: 6.19.11
•	@mui/x-data-grid-pro: 6.20.4
•	react: 18
•	Browser: Chrome

Search keywords: DataGrid pinnedColumns drag scroll

[arminmeh]

Hey @Aislu96

I was able to reproduce the issue you have described by using the demo here
https://v6.mui.com/x/react-data-grid/column-pinning/

I have also noticed that the issue is resolved in v7 (checked the same demo)
https://mui.com/x/react-data-grid/column-pinning/

At the moment v6 support only covers security issues and regressions and the issue you have raised is neither of those.

The only solution at the moment would be to upgrade to the next version. Is there a reason you are unable to?
On that topic, v8 is around the corner and will be released very soon.

[Aislu96]

Thank you for your response!
Unfortunately, there is a reason why we can’t upgrade the version.
Is there any way to solve this issue without upgrading?

[arminmeh]

The fix cannot be just ported back because the code changed a lot between the version for this specific feature.

These lines are responsible to calculate in the pinned column widths (through a selector)

Same file for v6 is here
https://github.com/mui/mui-x/blob/v6.x/packages/grid/x-data-grid-pro/src/components/GridScrollArea.tsx

You can fork our v6 version and apply the changes to have this fixed on your end.

I hope that this helps