[data grid] Order icon changes on drag when text is selected

[jfbenavid]

Steps to reproduce

Steps:

1. On Reordering a datagrid
2. Select text related to the rows you want to drag in the grid
3. Drag them

Current behavior

No response

Expected behavior

The Icon should remain visible with no issues

Context

No response

Your environment

npx @mui/envinfo

Using Chrome

  System:
    OS: Windows 11 10.0.26100
  Binaries:
    Node: 22.4.1 - C:\Program Files\nodejs\node.EXE
    npm: 10.8.1 - C:\Program Files\nodejs\npm.CMD
    pnpm: Not Found
  Browsers:
    Chrome: Not Found
    Edge: Chromium (131.0.2903.112)
  npmPackages:
    @emotion/react: ^11.11.4 => 11.14.0 
    @emotion/styled: ^11.11.0 => 11.14.0 
    @mui/base:  5.0.0-beta.40-0 
    @mui/core-downloads-tracker:  5.16.12 
    @mui/icons-material: ^5.15.11 => 5.16.12 
    @mui/lab: ^5.0.0-alpha.162 => 5.0.0-alpha.175 
    @mui/material: ^5.15.11 => 5.16.12 
    @mui/private-theming:  6.3.0 
    @mui/styled-engine:  6.3.0 
    @mui/system:  6.3.0 
    @mui/types:  7.2.20
    @mui/utils:  5.16.12
    @mui/x-data-grid: ^7.15.0 => 7.23.3
    @mui/x-data-grid-premium: ^7.15.0 => 7.23.3
    @mui/x-data-grid-pro: ^7.15.0 => 7.23.3
    @mui/x-date-pickers:  7.23.3
    @mui/x-date-pickers-pro: ^7.15.0 => 7.23.3
    @mui/x-internals:  7.23.0
    @mui/x-license:  7.23.2
    @mui/x-license-pro: ^5.10.0 => 5.17.12
    @types/react: ^18.2.55 => 18.3.18
    react: ^18.2.0 => 18.3.1
    react-dom: ^18.2.0 => 18.3.1
    typescript: ^5.3.3 => 5.7.2

Search keywords: Row Ordering

Order ID: 90072

[michelengelen]

Thanks for raising this issue @jfbenavid ... I can confirm the bug, but could not find a quick solution to this.

I'll add it to the board for the team to discuss!