Skip to main content
Powers
January 25, 2021

LAUNCHED: Wrap elements in Auto Layout to multiple lines

  • January 25, 2021
  • 254 replies
  • 119958 views

It would be really great if there was an option in an auto layout frame where the frame would wrap the objects to the next line. Like this. Objects would respect the padding set in the Auto layout.

Loom

254 replies

Antoine_Paufichet
May 12, 2022

+1000
sure it will be so usefull for prototypes and tech specifications

Nadaskay_Marton
May 12, 2022

First, I love the new features implemented in this new version! You are really moving in the right direction.

Second, I am a bit disappointed because you missed out this so wanted feature. I hope you can include it in the next feature update!

Matt_Wright2
May 12, 2022

Add another to the list!

Saito_FFL
May 12, 2022

Thanks for the great update.
However, it did not include the auto-layout object wrapping feature.

I really need it +1.

Jan_Persiel
May 13, 2022

plus 1 for the wrapping feature

Thaina_Chagas
May 13, 2022

Also waiting for this feature 😃

Volker_Heinrich
May 20, 2022

+1
this please!

AgathaCrystal
New Member
May 23, 2022

yes please!

a231047y
May 23, 2022

I need this feature!

BennyChew
May 23, 2022

+1
This will certainly be a very helpful addition!
However I understand it is not so easy to do. There will some other things besides wrapping that needs to be considered. Can you setup a min-width for the children for example and make it stretch when the container width is larger than the number of columns you want. Just simply making the requirement to make the item a certain width for wrapping to work would make the feature not as powerful and limiting. So I suggest adding something like this, CSS Grid has this I believe. Also if possible please add fraction support for the width/height props, 1fr 2fr etc… Also in terms of grid display there are many possibilities. Ability to specify nr of columns and auto wrapping (min-width) - dynamic nr of columns based of width of item. Both will have different effects and both are needed.