🔗 Allow to Detach the Editor's Widget Panel

[AdhamHossamm]

Prerequisites

• I have searched for similar features requests in both open and closed tickets and cannot find a duplicate.
• The feature is still missing in the latest stable version of Elementor ( Elementor Pro )

What problem is your feature request going to solve? Please describe.

Hello There, The Feature that am requesting is somehow essential.

Whenever i Design an Elementor Page on any of the websites am working on, usually the design is kind of different ever since the flexbox feature, what i am saying is, the Editor Panel is taking some of the screen space, which causes the design to be different when we preview the page because the Editor is taking about 20% of the screen space.

Image 1:

As you can see in Image one, the total screen space am working on is 1915px Width

Image 2:

and in Image 2, the Editor is taking 450px of the screen space, which is almost 24% of the screen space,

This causes the Design to stretch and the assets & widgets to stretch along with it, even when setting the widget to a specific ratio, it still causes a Design Confusion.

Describe the solution you'd like

What am recommending is a detached Editor Panel Capability, that allows the Designer to detached the Panel from the screen, the same way the Elementor Navigator works, You can Snap it into the Right part of the Screen, or Keep is Mobile, It's almost like how Photoshop Works when it comes to the Tools Panel.

Describe alternatives you've considered

You can also make a Horizontal Panel, that is snapped to the bottom of the screen while the Widgets can be Navigated like a carousel, with a button that allows it to fold and unfold.

Additional context

Best of luck guys