SOLVED: Word-wrap on body element

[aslotta]

Browser: Safari 17.6
OS: macOS
URL: Kulturamt Neuss

Good morning guys,

I recently investigated a strange word-wrapping behavior on one of my customers’ sites and found out that this was caused by a CSS rule Bricks applies to the body element by default:

word-wrap: break-word

Removing this rule fixes the issue (see second screenshot).

As I am personally not a fan of too many (unnecessary?) default styles I wanted to ask why this was added in the first place and if this might be something that could be removed in the future to prevent issues.

Note: I already added some custom CSS to the site to fix this issue. So don’t be confused if you check the live site and do not see the issue in action. Just deactivate my fix to see it.

Best,

André

[timmse]

Hi André,
Thanks so much for your report, and sorry for the delayed reply.

We have discussed the topic internally and will probably remove the word-wrap property in Bricks 2.0, as a kind of “spring cleaning” is planned there anyway.

Best regards,
timmse

[timmse]

Hi André,

We fixed this issue in Bricks 2.0 alpha, now available as a manual download in your account (see changelog).

Please let us know if you are still experiencing issues.

As with any pre-stable release, please do not use it on a production/live website. It is only meant for testing in a local or staging environment.