SOLVED: My %root% selector in custom CSS is affected by parent ID name

Bugs
1

Browser: Chrome 110
OS: macOS / Windows / Linux / etc.
URL: This is a builder issue. Front end is not useful here.
Video: Jam

I have a section with ID “home-hero”, and a container inside it with ID “home-hero-container”.
I target the container in its custom CSS field using either #home-hero-container or %root%.

Then I click on some other element, then click back on the container, Bricks changes the selector in my custom CSS to %root%-container. The CSS then becomes ineffective because the selector isn’t targeting anything.

So it’s picking up that the parent element ID is called “home-hero”, and replacing that part of the child container’s custom CSS with %root%.

If I click away, then click back again it does it again ie. it appends -container to the selector so it becomes %root%-container-container, and so on.

This seems to be a bug, but perhaps it’s a feature in a different context?

2

I can confirm this happens here too - the video is from a clean install of:
WP 6.4.2
Bricks 1.9.5

REFRESHING THE BUILDER PAGE GETS THINGS BACK TO NORMAL, THOUGH…

2 Likes
3

Hi guys,
Thanks so much for your report!

I reproduced the issue and added it to our bug tracker.

Best regards,
timmse

2 Likes
4

Hi guys,

We’ve fixed this issue in Bricks 1.9.6, now available as a one-click update in your WordPress Dashboard.

Changelog: Bricks 1.9.6 Changelog – Bricks

Please let us know if you are still experiencing issues.

Best regards,
timmse

1 Like