WIP: The width of the code element in the builder is out of control

Browser: Chrome 110
OS: macOS / Windows / Linux / etc.
URL: Link to a page that illustrates this issue
Video: Short screen recording that illustrates this issue (free tool: jam.dev)

Hello bricks team,

I have placed a dynamic data in the code element and enabled the Render without wrapper option. Everything is fine on the frontend, but in the builder the width of the code element is 100%, causing the layout to break.

Canceling this code will fix the problem in the builder.

code

Hi Victor,
Thanks so much for your report!

This was already the case in previous versions, i.e. it is not a bug. If you want the element to take up the width of the content, set the width to auto.

Best regards,
timmse

image

Hi timmse,

Thanks for the reply.

That’s exactly the point. Auto-width doesn’t work because Render without wrapper is enabled.

Aaaaah, so it’s just a problem in the builder, right? Unfortunately I can’t tell from your screenshot :frowning:

However, the root wrapper in the builder is still needed as the Code element could have multiple elements on the root level. However, it should not take up 100%. I’ll create an improvement task for this :v:

Thank you @timmse,

Unfortunately I can’t tell from your screenshot :frowning:

I had clearly mentioned it at the beginning of the report.

:point_right:Everything is fine on the frontend, but in the builder the width of the code element is 100%, causing the layout to break.

Now that you say it, I see it too, sorry :slight_smile:

Nevertheless: if you take builder screenshots, please show everything. Then it’s clear where you are :v:

1 Like

No problem, Thanks

Nevertheless: if you take builder screenshots, please show everything. Then it’s clear where you are :v:

Sure. Sorry for the confusion :pray:

1 Like