✨ Drag Tab to Create New Window

[austincondiff]

Problem

Users may want the ability to break a file out of the current window to refer to it aside from the main window or focus in on the file.

Solution

Drag a tab and drop it on any area except the tab bar nor an existing editor panel to create a new window with the file of the tab being dragged.

Screenshots

If the user drags a tab outside of the window to break it out like this.

Then it would create a new window like so.

Additional Context

Please refer to our documentation around how we think our Workspace UI should work and behave.

Animation

When dragging the tab and crossing over from tab bar or existing editor panel to an area where if the user drops will create a new window, the tab being dragged will animate into a window preview as depicted in the above screenshots. When dragging back into an area where it will not create a new window, it will animate back into a tab (drag out a Finder or Safari tab to see how this might look).

Window merging

There will be a Open In Project button which will merge it back into the original window. Users can also drag the window title to the main project window to do the same.

Original window

Once the new window is created, the tab that was dragged out of the original window will no longer exist in the original window unless either opened again or the window is merged into the original window.