WIP: Fullscreen CSS editor always applies CSS to ID selector

Bugs
1

Firstly, this bug might be the related to this one, but I’m not 100% sure: WIP: Code Editor Full Screen mode is not working as expected

Video demonstration: Skrypt_2025-05-14_12-04-18

Issue

When using the Fullscreen CSS Editor in Bricks, any custom CSS added — even while editing a class selector — ends up being applied to the element’s ID selector instead of the intended class.

Steps to Reproduce

  1. Create an element (e.g. a div) and give it a custom class, e.g. .text-class.
  2. Open the Custom CSS panel for .text-class and add some CSS (e.g. color: red;).
  3. Click the Fullscreen button.
  4. Add some CSS (e.g. color: blue;) and exit Fullscreen mode.
  5. Inspect Custom CSS fields for the class and ID selectors:
    – .text-class will still contain color: red;.
    – The element’s #id selector contains color: blue;.
2

Hi Rick,
Thanks again your report!

I reproduced the issue and added it to our bug tracker.
It’s not the same issue as in the other report.

Best regards,
timmse

1 Like