search

webstudio-is / webstudio

Open source website builder and Webflow alternative. Webstudio is an advanced visual builder that connects to any headless CMS, supports all CSS properties, and can be hosted anywhere, including with us.
https://webstudio.is
GNU Affero General Public License v3.0
5.37k stars 658 forks source link

Shift-Select elements in Tree, Add To Box #4356

Open BenAlanSouthall opened 3 weeks ago

BenAlanSouthall commented 3 weeks ago

For me, adding elements into a container is a frequent UI task. Copy-paste, drag and drop - all nice things to have, but I try to keep things well-organised from the start, so each semantic bit of the page that I might want to re-use is then easily copied and I can apply styles or whatever to it.

I'd like to be able to shift-select two components in the Navigator tree, and right-click, "Add to Box" (or similar wording) as a shortcut for inserting a new box into the document as a sibling at that position, and parenting the elements under it as children. Switching to the widgets panel, dragging it on, then inserting the children is a bit time-consuming for what is for me at least, a very common task, so it'd be nice if it could be sped up. It'd probably be sensible to disallow this feature for elements that aren't siblings, as the way in which to reparent them could be ambiguous and might break something.

Thanks!

TrySound commented 2 weeks ago

It will be part of "global search and commands" feature https://github.com/webstudio-is/webstudio/issues/1696