Make moving elements in the Navigator easy

I find the recent changes of the way dragging and dropping happens in the Navigator panel extremely inconvenient and annoying, and contrary to the experienced shared by other users: https://forum.webflow.com/t/moving-elements-in-the-navigator/36661 I am not getting used to it, let alone feeling it better than before. Please, go through some usability guidelines and make it convenient and logical. A fairly good example to follow is the way drag'n'drop has been implemented in TreeDBNotes (http://www.mytreedb.com).

It is also necessary to have buttons with arrows for moving an element across parents and siblings. In some cases moving elements by drag'n'drop is not that easy, especially for new users.  TreeDBNotes (http://www.mytreedb.com)'s implementation, again, is good to follow..

It'd be great to have shortcuts for adding new elements (as children) so as to spare us dragging from the left side of the screen.

  • John Smith
  • Feb 13 2017
  • Ali Abbas commented
    July 01, 2020 22:30

    +1

    I think the way we move elements in the navigator can be greatly improved.

    Would be great to have a keyboard shortcut Shift-Command-Up or Shift-Command-Down to move elements up or down in the navigator. (inspired by Notion)

    When dragging elements in the navigator, I think a simple colored line is a better way of indicating where the element is going to be dropped. Otherwise, dragging an element makes all the other elements start to move around, making it difficult to drop the element where you intended it.

  • +2