SOLVED: Custom CSS selector is overwritten with the calculate Bricks ID after adding a custom ID to the element

Bricks Version: 1.3.2
Browser: Chrome 90
OS: Windows
URL: local development

Steps to reproduce:
1- Create a new “Single” Template
2- Add a Container to the canvas
3- Set a custom CSS to the Container with the “root” selector ( e.g root {background: red;})
4- Save → the style from the custom CSS is applied
5- Add a custom ID to the element

After the above steps the style from the custom CSS disappears, because the “root” selector has been overwritten by Bricks with the ID that Bricks has assigned to the container (e.g. #bricks-element-dieks).

When I applied the Single Template to a Page the style of the same Container disappears due the root renaming (beyond I assign or not an ID to the Container).

Here the image of CSS style after I applied the Single Template to the page:

Thanks

Hi @lanzoni.nicola,

Thank you for reporting this problem.

I was able to reproduce the bug; it will be fixed.

Hi @ribarich / @thomas ,

In which release is this issue resolved? Because, in the last version (1.3.4) the problem is still here.

Thanks