Full width components don't span their container

[samiresua]

I'm struggling with some of my block custom components which are designed to fill their container. Are there any guides or advice around how to go about supporting this pattern?

These components appear to be restricted (width wise) due to the align/justify options of the ootb structural components. Are there plans to add stretch to the align/justify options?

[elylucas]

Hi @samiresua, thanks for filing this issue. We are looking into this limitation, particularly around the extra div container we currently add right now in editor mode. I'll ping you back here when we have a fix for it.

[primeinteger]

Hi @samiresua - are you still experiencing any issues with this? We have made a lot of changes recently to eliminate extra wrapping divs around elements, so this problem may have been resolved. Let us know if you're still having an issue.

[gcampes]

@elylucas and @primeinteger I still get this issue where the editing app displays components not full width

[primeinteger]

@elylucas and @primeinteger I still get this issue where the editing app displays components not full width

Hey @gcampes, my apologies for not seeing your message sooner. Recently we added a new component definition option named wrapContainerWidth that you can try using to see if it fixes your full width component when editing the experience.

The documentation about this option is available here: https://www.contentful.com/developers/docs/experiences/register-custom-components/#changing-the-wrapping-container-width

Let us know if you have any questions!