[tree view] Cannot reorder elements to the bottom of the tree view if the last item has children

[ascagnelli-withluminary]

Steps to reproduce

Steps:

1. Open this link to live example: https://mui.com/x/react-tree-view/rich-tree-view/ordering/
2. In the top "Enable drag-and-drop reordering" example, attempt to drag any element below the last element in the tree

Current behavior

In the example, the final item in the list is highlighted and the item is dropped within.

Expected behavior

A line should be displayed under the final item in the list, and on drop the dragged item should appear at the top-level of the tree.

Context

I'm trying to display items that can be reordered within a tree view, but they can't be reordered freely.

Your environment

I was able to replicate this in the sample/demo environment, but here's my local configuration:

  System:
    OS: macOS 15.2
  Binaries:
    Node: 18.8.0 - ~/.config/nvm/versions/node/v18.8.0/bin/node
    Yarn: Not Found
    npm: 8.18.0 - ~/.config/nvm/versions/node/v18.8.0/bin/npm
  Browsers:
    Chrome: Not Found
    Edge: Not Found
    Safari: 18.2
  npmPackages:
    @emotion/react: ^11.10.5 => 11.11.1
    @emotion/styled: ^11.9.3 => 11.11.0
    @mui/base:  5.0.0-beta.67
    @mui/core-downloads-tracker:  6.2.1
    @mui/lab: ^6.0.0-beta.20 => 6.0.0-beta.20
    @mui/material: ^6.2.1 => 6.2.1
    @mui/private-theming:  6.2.1
    @mui/styled-engine:  6.2.1
    @mui/system:  6.2.1
    @mui/types:  7.2.20
    @mui/utils:  5.15.7
    @mui/x-charts: ^6.19.3 => 6.19.3
    @mui/x-data-grid:  6.15.0
    @mui/x-data-grid-pro: ^6.9.1 => 6.15.0
    @mui/x-date-pickers: ^5.0.15 => 5.0.20
    @mui/x-internals:  7.23.0
    @mui/x-license:  7.23.2
    @mui/x-license-pro: ^6.0.4 => 6.10.2
    @mui/x-tree-view:  7.23.2
    @mui/x-tree-view-pro: ^7.23.2 => 7.23.2
    @types/react: 18.0.33 => 18.0.33
    react: ^18.2.0 => 18.2.0
    react-dom: ^18.3.1 => 18.3.1
    typescript: ^5.2.2 => 5.2.2

Search keywords: tree view, reordering, bottom

Order ID: 87493

[michelengelen]

Hey @ascagnelli-withluminary and thanks for reporting this. I can confirm that it is nor possible to reorder in the described way. It makes no difference if the parent is open or closed and how many levels the descendants themselves have.

I'll add it to the board! 👍🏼

[jyash97]

@michelengelen is this something I can pick up? Would love to try to solve this

[michelengelen]

@michelengelen is this something I can pick up? Would love to try to solve this

Definitely. I'll assign this to you! 👍🏼

[jyash97]

Hey @michelengelen

Was just curious to know the project's priority, I assume it's to release v8 first, should I create PR still or just wait until the past PRs are merged in case the issue becomes irrelevant with the new version.

[github-actions]

This issue has been closed. If you have a similar problem but not exactly the same, please open a new issue.
Now, if you have additional information related to this issue or things that could help future readers, feel free to leave a comment.

[oliviertassinari]

So this fixed point 1 of #14129 👍