@mui/x-data-grid 7.29.9 → 7.29.12

package/CHANGELOG.md

@@ -3,6 +3,89 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 7.29.12
+
+_Nov 26, 2025_
+
+We'd like to extend a big thank you to the 2 contributors who made this release possible. Here are some highlights ✨:
+
+- 🐞 Bugfixes
+
+Special thanks go out to the community members for their valuable contributions:
+@m2mathew
+
+Following are all team members who have contributed to this release:
+@arminmeh
+
+### Data Grid
+
+#### `@mui/x-data-grid@7.29.12`
+
+- [DataGrid] Avoid automatic scroll back to the focused element after it leaves the viewport (#20417) @arminmeh
+- [DataGrid] Fix missing rows in the print export window (#20157) @m2mathew
+
+#### `@mui/x-data-grid-pro@7.29.12` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link "Pro plan")
+
+Same changes as in `@mui/x-data-grid@7.29.12`.
+
+#### `@mui/x-data-grid-premium@7.29.12` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link "Premium plan")
+
+Same changes as in `@mui/x-data-grid-pro@7.29.12`.
+
+## 7.29.11
+
+_Nov 19, 2025_
+
+We'd like to extend a big thank you to the 2 contributors who made this release possible. Here are some highlights ✨:
+
+- 🐞 Bugfixes
+
+Following are all team members who have contributed to this release:
+@arminmeh, @mapache-salvaje
+
+<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
+
+### Data Grid
+
+#### `@mui/x-data-grid@7.29.11`
+
+- [DataGrid] Prevent Safari 26 error in the event handler (#20382) @arminmeh
+
+#### `@mui/x-data-grid-pro@7.29.11` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link "Pro plan")
+
+Same changes as in `@mui/x-data-grid@7.29.11`.
+
+#### `@mui/x-data-grid-premium@7.29.11` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link "Premium plan")
+
+Same changes as in `@mui/x-data-grid-pro@7.29.11`.
+
+### Docs
+
+- [docs] Revise the Pro filter docs (#18815) @mapache-salvaje
+
+## v7.29.10
+
+_Sep 25, 2025_
+
+We'd like to extend a big thank you to the 1 contributor who made this release possible. Here are some highlights ✨:
+
+- 🐞 Bugfixes
+
+The following is the team member who have contributed to this release:
+@flaviendelangle
+
+<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
+
+### Tree View
+
+#### `@mui/x-tree-view@7.29.10`
+
+- [tree view] Fix the expansion toggle on icon container with old DOM structure (#19546) @flaviendelangle
+
+#### `@mui/x-tree-view-pro@7.29.10` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link "Pro plan")
+
+Same changes as in `@mui/x-tree-view@7.29.10`.
+
 ## 7.29.9
 
 _Aug 7, 2025_

package/components/columnHeaders/GridColumnGroupHeader.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { unstable_useId as useId, unstable_composeClasses as composeClasses } from '@mui/utils';
 import { useRtl } from '@mui/system/RtlProvider';
+import { doesSupportPreventScroll } from "../../utils/doesSupportPreventScroll.js";
 import { getDataGridUtilityClass } from "../../constants/gridClasses.js";
 import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
 import { gridColumnGroupsLookupSelector } from "../../hooks/features/columnGrouping/gridColumnGroupsSelector.js";
@@ -86,7 +87,18 @@ function GridColumnGroupHeader(props) {
     if (hasFocus) {
       const focusableElement = headerCellRef.current.querySelector('[tabindex="0"]');
       const elementToFocus = focusableElement || headerCellRef.current;
-      elementToFocus?.focus();
+      if (!elementToFocus) {
+        return;
+      }
+      if (doesSupportPreventScroll()) {
+        elementToFocus.focus({
+          preventScroll: true
+        });
+      } else {
+        const scrollPosition = apiRef.current.getScrollPosition();
+        elementToFocus.focus();
+        apiRef.current.scroll(scrollPosition);
+      }
     }
   }, [apiRef, hasFocus]);
   const publish = React.useCallback(eventName => event => {

package/components/columnHeaders/GridColumnHeaderItem.js

@@ -5,6 +5,7 @@ import clsx from 'clsx';
 import { unstable_composeClasses as composeClasses, unstable_useId as useId } from '@mui/utils';
 import { fastMemo } from '@mui/x-internals/fastMemo';
 import { useRtl } from '@mui/system/RtlProvider';
+import { doesSupportPreventScroll } from "../../utils/doesSupportPreventScroll.js";
 import { useGridPrivateApiContext } from "../../hooks/utils/useGridPrivateApiContext.js";
 import { ColumnHeaderMenuIcon } from "./ColumnHeaderMenuIcon.js";
 import { GridColumnHeaderMenu } from "../menu/columnMenu/GridColumnHeaderMenu.js";
@@ -160,9 +161,17 @@ function GridColumnHeaderItem(props) {
     if (hasFocus && !columnMenuState.open) {
       const focusableElement = headerCellRef.current.querySelector('[tabindex="0"]');
       const elementToFocus = focusableElement || headerCellRef.current;
-      elementToFocus?.focus();
-      if (apiRef.current.columnHeadersContainerRef?.current) {
-        apiRef.current.columnHeadersContainerRef.current.scrollLeft = 0;
+      if (!elementToFocus) {
+        return;
+      }
+      if (doesSupportPreventScroll()) {
+        elementToFocus.focus({
+          preventScroll: true
+        });
+      } else {
+        const scrollPosition = apiRef.current.getScrollPosition();
+        elementToFocus.focus();
+        apiRef.current.scroll(scrollPosition);
       }
     }
   }, [apiRef, hasFocus]);

package/components/columnHeaders/GridGenericColumnHeaderItem.js

@@ -5,7 +5,6 @@ import * as React from 'react';
 import clsx from 'clsx';
 import { unstable_useForkRef as useForkRef } from '@mui/utils';
 import { forwardRef } from '@mui/x-internals/forwardRef';
-import { useGridPrivateApiContext } from "../../hooks/utils/useGridPrivateApiContext.js";
 import { GridColumnHeaderTitle } from "./GridColumnHeaderTitle.js";
 import { GridColumnHeaderSeparator } from "./GridColumnHeaderSeparator.js";
 import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
@@ -17,7 +16,6 @@ const GridGenericColumnHeaderItem = forwardRef(function GridGenericColumnHeaderI
       height,
       isResizing,
       sortDirection,
-      hasFocus,
       tabIndex,
       separatorSide,
       isDraggable,
@@ -35,7 +33,6 @@ const GridGenericColumnHeaderItem = forwardRef(function GridGenericColumnHeaderI
       style
     } = props,
     other = _objectWithoutPropertiesLoose(props, _excluded);
-  const apiRef = useGridPrivateApiContext();
   const rootProps = useGridRootProps();
   const headerCellRef = React.useRef(null);
   const handleRef = useForkRef(headerCellRef, ref);
@@ -43,17 +40,6 @@ const GridGenericColumnHeaderItem = forwardRef(function GridGenericColumnHeaderI
   if (sortDirection != null) {
     ariaSort = sortDirection === 'asc' ? 'ascending' : 'descending';
   }
-  React.useLayoutEffect(() => {
-    const columnMenuState = apiRef.current.state.columnMenu;
-    if (hasFocus && !columnMenuState.open) {
-      const focusableElement = headerCellRef.current.querySelector('[tabindex="0"]');
-      const elementToFocus = focusableElement || headerCellRef.current;
-      elementToFocus?.focus();
-      if (apiRef.current.columnHeadersContainerRef?.current) {
-        apiRef.current.columnHeadersContainerRef.current.scrollLeft = 0;
-      }
-    }
-  }, [apiRef, hasFocus]);
   return /*#__PURE__*/_jsxs("div", _extends({
     className: clsx(classes.root, headerClassName),
     style: _extends({}, style, {

package/hooks/features/export/useGridPrintExport.js

@@ -201,7 +201,7 @@ export const useGridPrintExport = (apiRef, props) => {
     // Revert grid to previous state
     apiRef.current.restoreState(previousGridState.current || {});
     if (!previousGridState.current?.columns?.columnVisibilityModel) {
-      // if the apiRef.current.exportState(); did not exported the column visibility, we update it
+      // if the apiRef.current.exportState(); did not export the column visibility, we update it
       apiRef.current.setColumnVisibilityModel(previousColumnVisibility.current);
     }
     apiRef.current.setState(state => _extends({}, state, {
@@ -238,12 +238,7 @@ export const useGridPrintExport = (apiRef, props) => {
       }));
     }
     previousVirtualizationState.current = apiRef.current.state.virtualization;
-    apiRef.current.setState(state => _extends({}, state, {
-      virtualization: _extends({}, state.virtualization, {
-        enabled: false,
-        enabledForColumns: false
-      })
-    }));
+    apiRef.current.unstable_setVirtualization(false);
     await updateGridColumnsForPrint(options?.fields, options?.allColumns, options?.includeCheckboxes);
     updateGridRowsForPrint(options?.getRowsToExport ?? defaultGetRowsToExport);
     await raf(); // wait for the state changes to take action

package/hooks/utils/useGridApiEventHandler.js

@@ -29,7 +29,9 @@ export function createUseGridApiEventHandler(registryContainer) {
     const cleanupTokenRef = React.useRef(null);
     if (!subscription.current && handlerRef.current) {
       const enhancedHandler = (params, event, details) => {
-        if (!event.defaultMuiPrevented) {
+        // Check for the existence of the event once more to avoid Safari 26 issue
+        // https://github.com/mui/mui-x/issues/20159
+        if (event && !event.defaultMuiPrevented) {
           handlerRef.current?.(params, event, details);
         }
       };
@@ -56,7 +58,9 @@ export function createUseGridApiEventHandler(registryContainer) {
     React.useEffect(() => {
       if (!subscription.current && handlerRef.current) {
         const enhancedHandler = (params, event, details) => {
-          if (!event.defaultMuiPrevented) {
+          // Check for the existence of the event once more to avoid Safari 26 issue
+          // https://github.com/mui/mui-x/issues/20159
+          if (event && !event.defaultMuiPrevented) {
             handlerRef.current?.(params, event, details);
           }
         };

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid v7.29.9
+ * @mui/x-data-grid v7.29.12
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/modern/components/columnHeaders/GridColumnGroupHeader.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { unstable_useId as useId, unstable_composeClasses as composeClasses } from '@mui/utils';
 import { useRtl } from '@mui/system/RtlProvider';
+import { doesSupportPreventScroll } from "../../utils/doesSupportPreventScroll.js";
 import { getDataGridUtilityClass } from "../../constants/gridClasses.js";
 import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
 import { gridColumnGroupsLookupSelector } from "../../hooks/features/columnGrouping/gridColumnGroupsSelector.js";
@@ -86,7 +87,18 @@ function GridColumnGroupHeader(props) {
     if (hasFocus) {
       const focusableElement = headerCellRef.current.querySelector('[tabindex="0"]');
       const elementToFocus = focusableElement || headerCellRef.current;
-      elementToFocus?.focus();
+      if (!elementToFocus) {
+        return;
+      }
+      if (doesSupportPreventScroll()) {
+        elementToFocus.focus({
+          preventScroll: true
+        });
+      } else {
+        const scrollPosition = apiRef.current.getScrollPosition();
+        elementToFocus.focus();
+        apiRef.current.scroll(scrollPosition);
+      }
     }
   }, [apiRef, hasFocus]);
   const publish = React.useCallback(eventName => event => {

package/modern/components/columnHeaders/GridColumnHeaderItem.js

@@ -5,6 +5,7 @@ import clsx from 'clsx';
 import { unstable_composeClasses as composeClasses, unstable_useId as useId } from '@mui/utils';
 import { fastMemo } from '@mui/x-internals/fastMemo';
 import { useRtl } from '@mui/system/RtlProvider';
+import { doesSupportPreventScroll } from "../../utils/doesSupportPreventScroll.js";
 import { useGridPrivateApiContext } from "../../hooks/utils/useGridPrivateApiContext.js";
 import { ColumnHeaderMenuIcon } from "./ColumnHeaderMenuIcon.js";
 import { GridColumnHeaderMenu } from "../menu/columnMenu/GridColumnHeaderMenu.js";
@@ -160,9 +161,17 @@ function GridColumnHeaderItem(props) {
     if (hasFocus && !columnMenuState.open) {
       const focusableElement = headerCellRef.current.querySelector('[tabindex="0"]');
       const elementToFocus = focusableElement || headerCellRef.current;
-      elementToFocus?.focus();
-      if (apiRef.current.columnHeadersContainerRef?.current) {
-        apiRef.current.columnHeadersContainerRef.current.scrollLeft = 0;
+      if (!elementToFocus) {
+        return;
+      }
+      if (doesSupportPreventScroll()) {
+        elementToFocus.focus({
+          preventScroll: true
+        });
+      } else {
+        const scrollPosition = apiRef.current.getScrollPosition();
+        elementToFocus.focus();
+        apiRef.current.scroll(scrollPosition);
       }
     }
   }, [apiRef, hasFocus]);

package/modern/components/columnHeaders/GridGenericColumnHeaderItem.js

@@ -5,7 +5,6 @@ import * as React from 'react';
 import clsx from 'clsx';
 import { unstable_useForkRef as useForkRef } from '@mui/utils';
 import { forwardRef } from '@mui/x-internals/forwardRef';
-import { useGridPrivateApiContext } from "../../hooks/utils/useGridPrivateApiContext.js";
 import { GridColumnHeaderTitle } from "./GridColumnHeaderTitle.js";
 import { GridColumnHeaderSeparator } from "./GridColumnHeaderSeparator.js";
 import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
@@ -17,7 +16,6 @@ const GridGenericColumnHeaderItem = forwardRef(function GridGenericColumnHeaderI
       height,
       isResizing,
       sortDirection,
-      hasFocus,
       tabIndex,
       separatorSide,
       isDraggable,
@@ -35,7 +33,6 @@ const GridGenericColumnHeaderItem = forwardRef(function GridGenericColumnHeaderI
       style
     } = props,
     other = _objectWithoutPropertiesLoose(props, _excluded);
-  const apiRef = useGridPrivateApiContext();
   const rootProps = useGridRootProps();
   const headerCellRef = React.useRef(null);
   const handleRef = useForkRef(headerCellRef, ref);
@@ -43,17 +40,6 @@ const GridGenericColumnHeaderItem = forwardRef(function GridGenericColumnHeaderI
   if (sortDirection != null) {
     ariaSort = sortDirection === 'asc' ? 'ascending' : 'descending';
   }
-  React.useLayoutEffect(() => {
-    const columnMenuState = apiRef.current.state.columnMenu;
-    if (hasFocus && !columnMenuState.open) {
-      const focusableElement = headerCellRef.current.querySelector('[tabindex="0"]');
-      const elementToFocus = focusableElement || headerCellRef.current;
-      elementToFocus?.focus();
-      if (apiRef.current.columnHeadersContainerRef?.current) {
-        apiRef.current.columnHeadersContainerRef.current.scrollLeft = 0;
-      }
-    }
-  }, [apiRef, hasFocus]);
   return /*#__PURE__*/_jsxs("div", _extends({
     className: clsx(classes.root, headerClassName),
     style: _extends({}, style, {

package/modern/hooks/features/export/useGridPrintExport.js

@@ -201,7 +201,7 @@ export const useGridPrintExport = (apiRef, props) => {
     // Revert grid to previous state
     apiRef.current.restoreState(previousGridState.current || {});
     if (!previousGridState.current?.columns?.columnVisibilityModel) {
-      // if the apiRef.current.exportState(); did not exported the column visibility, we update it
+      // if the apiRef.current.exportState(); did not export the column visibility, we update it
       apiRef.current.setColumnVisibilityModel(previousColumnVisibility.current);
     }
     apiRef.current.setState(state => _extends({}, state, {
@@ -238,12 +238,7 @@ export const useGridPrintExport = (apiRef, props) => {
       }));
     }
     previousVirtualizationState.current = apiRef.current.state.virtualization;
-    apiRef.current.setState(state => _extends({}, state, {
-      virtualization: _extends({}, state.virtualization, {
-        enabled: false,
-        enabledForColumns: false
-      })
-    }));
+    apiRef.current.unstable_setVirtualization(false);
     await updateGridColumnsForPrint(options?.fields, options?.allColumns, options?.includeCheckboxes);
     updateGridRowsForPrint(options?.getRowsToExport ?? defaultGetRowsToExport);
     await raf(); // wait for the state changes to take action

package/modern/hooks/utils/useGridApiEventHandler.js

@@ -29,7 +29,9 @@ export function createUseGridApiEventHandler(registryContainer) {
     const cleanupTokenRef = React.useRef(null);
     if (!subscription.current && handlerRef.current) {
       const enhancedHandler = (params, event, details) => {
-        if (!event.defaultMuiPrevented) {
+        // Check for the existence of the event once more to avoid Safari 26 issue
+        // https://github.com/mui/mui-x/issues/20159
+        if (event && !event.defaultMuiPrevented) {
           handlerRef.current?.(params, event, details);
         }
       };
@@ -56,7 +58,9 @@ export function createUseGridApiEventHandler(registryContainer) {
     React.useEffect(() => {
       if (!subscription.current && handlerRef.current) {
         const enhancedHandler = (params, event, details) => {
-          if (!event.defaultMuiPrevented) {
+          // Check for the existence of the event once more to avoid Safari 26 issue
+          // https://github.com/mui/mui-x/issues/20159
+          if (event && !event.defaultMuiPrevented) {
             handlerRef.current?.(params, event, details);
           }
         };

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid v7.29.9
+ * @mui/x-data-grid v7.29.12
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/node/components/columnHeaders/GridColumnGroupHeader.js

@@ -10,6 +10,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _utils = require("@mui/utils");
 var _RtlProvider = require("@mui/system/RtlProvider");
+var _doesSupportPreventScroll = require("../../utils/doesSupportPreventScroll");
 var _gridClasses = require("../../constants/gridClasses");
 var _useGridRootProps = require("../../hooks/utils/useGridRootProps");
 var _gridColumnGroupsSelector = require("../../hooks/features/columnGrouping/gridColumnGroupsSelector");
@@ -94,7 +95,18 @@ function GridColumnGroupHeader(props) {
     if (hasFocus) {
       const focusableElement = headerCellRef.current.querySelector('[tabindex="0"]');
       const elementToFocus = focusableElement || headerCellRef.current;
-      elementToFocus?.focus();
+      if (!elementToFocus) {
+        return;
+      }
+      if ((0, _doesSupportPreventScroll.doesSupportPreventScroll)()) {
+        elementToFocus.focus({
+          preventScroll: true
+        });
+      } else {
+        const scrollPosition = apiRef.current.getScrollPosition();
+        elementToFocus.focus();
+        apiRef.current.scroll(scrollPosition);
+      }
     }
   }, [apiRef, hasFocus]);
   const publish = React.useCallback(eventName => event => {

package/node/components/columnHeaders/GridColumnHeaderItem.js

@@ -13,6 +13,7 @@ var _clsx = _interopRequireDefault(require("clsx"));
 var _utils = require("@mui/utils");
 var _fastMemo = require("@mui/x-internals/fastMemo");
 var _RtlProvider = require("@mui/system/RtlProvider");
+var _doesSupportPreventScroll = require("../../utils/doesSupportPreventScroll");
 var _useGridPrivateApiContext = require("../../hooks/utils/useGridPrivateApiContext");
 var _ColumnHeaderMenuIcon = require("./ColumnHeaderMenuIcon");
 var _GridColumnHeaderMenu = require("../menu/columnMenu/GridColumnHeaderMenu");
@@ -168,9 +169,17 @@ function GridColumnHeaderItem(props) {
     if (hasFocus && !columnMenuState.open) {
       const focusableElement = headerCellRef.current.querySelector('[tabindex="0"]');
       const elementToFocus = focusableElement || headerCellRef.current;
-      elementToFocus?.focus();
-      if (apiRef.current.columnHeadersContainerRef?.current) {
-        apiRef.current.columnHeadersContainerRef.current.scrollLeft = 0;
+      if (!elementToFocus) {
+        return;
+      }
+      if ((0, _doesSupportPreventScroll.doesSupportPreventScroll)()) {
+        elementToFocus.focus({
+          preventScroll: true
+        });
+      } else {
+        const scrollPosition = apiRef.current.getScrollPosition();
+        elementToFocus.focus();
+        apiRef.current.scroll(scrollPosition);
       }
     }
   }, [apiRef, hasFocus]);

package/node/components/columnHeaders/GridGenericColumnHeaderItem.js

@@ -12,7 +12,6 @@ var React = _interopRequireWildcard(require("react"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _utils = require("@mui/utils");
 var _forwardRef = require("@mui/x-internals/forwardRef");
-var _useGridPrivateApiContext = require("../../hooks/utils/useGridPrivateApiContext");
 var _GridColumnHeaderTitle = require("./GridColumnHeaderTitle");
 var _GridColumnHeaderSeparator = require("./GridColumnHeaderSeparator");
 var _useGridRootProps = require("../../hooks/utils/useGridRootProps");
@@ -25,7 +24,6 @@ const GridGenericColumnHeaderItem = exports.GridGenericColumnHeaderItem = (0, _f
       height,
       isResizing,
       sortDirection,
-      hasFocus,
       tabIndex,
       separatorSide,
       isDraggable,
@@ -43,7 +41,6 @@ const GridGenericColumnHeaderItem = exports.GridGenericColumnHeaderItem = (0, _f
       style
     } = props,
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const apiRef = (0, _useGridPrivateApiContext.useGridPrivateApiContext)();
   const rootProps = (0, _useGridRootProps.useGridRootProps)();
   const headerCellRef = React.useRef(null);
   const handleRef = (0, _utils.unstable_useForkRef)(headerCellRef, ref);
@@ -51,17 +48,6 @@ const GridGenericColumnHeaderItem = exports.GridGenericColumnHeaderItem = (0, _f
   if (sortDirection != null) {
     ariaSort = sortDirection === 'asc' ? 'ascending' : 'descending';
   }
-  React.useLayoutEffect(() => {
-    const columnMenuState = apiRef.current.state.columnMenu;
-    if (hasFocus && !columnMenuState.open) {
-      const focusableElement = headerCellRef.current.querySelector('[tabindex="0"]');
-      const elementToFocus = focusableElement || headerCellRef.current;
-      elementToFocus?.focus();
-      if (apiRef.current.columnHeadersContainerRef?.current) {
-        apiRef.current.columnHeadersContainerRef.current.scrollLeft = 0;
-      }
-    }
-  }, [apiRef, hasFocus]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", (0, _extends2.default)({
     className: (0, _clsx.default)(classes.root, headerClassName),
     style: (0, _extends2.default)({}, style, {

package/node/hooks/features/export/useGridPrintExport.js

@@ -209,7 +209,7 @@ const useGridPrintExport = (apiRef, props) => {
     // Revert grid to previous state
     apiRef.current.restoreState(previousGridState.current || {});
     if (!previousGridState.current?.columns?.columnVisibilityModel) {
-      // if the apiRef.current.exportState(); did not exported the column visibility, we update it
+      // if the apiRef.current.exportState(); did not export the column visibility, we update it
       apiRef.current.setColumnVisibilityModel(previousColumnVisibility.current);
     }
     apiRef.current.setState(state => (0, _extends2.default)({}, state, {
@@ -246,12 +246,7 @@ const useGridPrintExport = (apiRef, props) => {
       }));
     }
     previousVirtualizationState.current = apiRef.current.state.virtualization;
-    apiRef.current.setState(state => (0, _extends2.default)({}, state, {
-      virtualization: (0, _extends2.default)({}, state.virtualization, {
-        enabled: false,
-        enabledForColumns: false
-      })
-    }));
+    apiRef.current.unstable_setVirtualization(false);
     await updateGridColumnsForPrint(options?.fields, options?.allColumns, options?.includeCheckboxes);
     updateGridRowsForPrint(options?.getRowsToExport ?? _utils2.defaultGetRowsToExport);
     await raf(); // wait for the state changes to take action

package/node/hooks/utils/useGridApiEventHandler.js

@@ -39,7 +39,9 @@ function createUseGridApiEventHandler(registryContainer) {
     const cleanupTokenRef = React.useRef(null);
     if (!subscription.current && handlerRef.current) {
       const enhancedHandler = (params, event, details) => {
-        if (!event.defaultMuiPrevented) {
+        // Check for the existence of the event once more to avoid Safari 26 issue
+        // https://github.com/mui/mui-x/issues/20159
+        if (event && !event.defaultMuiPrevented) {
           handlerRef.current?.(params, event, details);
         }
       };
@@ -66,7 +68,9 @@ function createUseGridApiEventHandler(registryContainer) {
     React.useEffect(() => {
       if (!subscription.current && handlerRef.current) {
         const enhancedHandler = (params, event, details) => {
-          if (!event.defaultMuiPrevented) {
+          // Check for the existence of the event once more to avoid Safari 26 issue
+          // https://github.com/mui/mui-x/issues/20159
+          if (event && !event.defaultMuiPrevented) {
             handlerRef.current?.(params, event, details);
           }
         };

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid v7.29.9
+ * @mui/x-data-grid v7.29.12
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid",
-  "version": "7.29.9",
+  "version": "7.29.12",
   "description": "The Community plan edition of the Data Grid components (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",