[DataGrid] Fix toggling preference panel from toolbar (#16274)

Author: lauri865

packages/x-data-grid/src/components/panel/GridPanel.tsx

@@ -125,7 +125,7 @@ const GridPanel = forwardRef<HTMLDivElement, GridPanelProps>((props, ref) => {
       {...other}
       ref={ref}
     >
-      <ClickAwayListener mouseEvent="onMouseUp" onClickAway={handleClickAway}>
+      <ClickAwayListener mouseEvent="onPointerUp" touchEvent={false} onClickAway={handleClickAway}>
         <GridPaperRoot
           className={classes.paper}
           ownerState={rootProps}

packages/x-data-grid/src/components/toolbar/GridToolbarColumnsButton.tsx

@@ -70,6 +70,11 @@ const GridToolbarColumnsButton = forwardRef<HTMLButtonElement, GridToolbarColumn
           aria-controls={isOpen ? columnPanelId : undefined}
           startIcon={<rootProps.slots.columnSelectorIcon />}
           onClick={showColumns}
+          onPointerUp={(event) => {
+            if (preferencePanel.open) {
+              event.stopPropagation();
+            }
+          }}
           {...rootProps.slotProps?.baseButton}
           {...buttonProps}
           ref={ref}

packages/x-data-grid/src/components/toolbar/GridToolbarFilterButton.tsx

@@ -160,6 +160,11 @@ const GridToolbarFilterButton = forwardRef<HTMLButtonElement, GridToolbarFilterB
             </rootProps.slots.baseBadge>
           }
           onClick={toggleFilter}
+          onPointerUp={(event) => {
+            if (preferencePanel.open) {
+              event.stopPropagation();
+            }
+          }}
           {...rootProps.slotProps?.baseButton}
           {...buttonProps}
           ref={ref}