WAIT: ::after pseudo element doesn't render properly in builder

Bricks Version: 1.6.1
Browser: Latest Chrome, Brave, Safari, FireFox
OS: macOS Latest
URL: Video of Issue Screencastify

THis is a minor issue. I have a pseudo CSS element that appends a period to whatever element it’s attached to. In the builder, the period is rendered on the next line, rather than appended to the element. However, on the front end, it renders properly. It also renders properly in while editing the header/footer templates.

One other thing to note, when I select the item that has the pseudo class applied and I set it to display:flex, it displays properly in the editor.

Hi Alex,
Thanks so much for your report!

This is because the content of the heading on the canvas is wrapped in a div to make the text editable. This div uses the browser default display: block , which wraps the ::after element.

The big question is whether a display adaptation of the “content editable” styles will work in every case (there are a lot of them), or cause a couple of other problems :thinking:

Best regards,
timmse