NO BUG: Global class names with valid characters are created but not rendered

Bugs
1

Bricks : 1.8.3
Browser : Chrome 114.0.5735.198
OS : macOS 13.4.1

Valid characters for class names can be created in the global classes field but won’t render. Not sure if this is a limitation of how the classes are being saved to the database, but it would be nice to be able to use the full range of characters.

Steps to reproduce:

  1. Create a global class name with the name column-1/3
  2. Notice how it does save in the dropdown of available global classes
  3. Make style changes
  4. Notice the element in the builder canvas doesn’t update
  5. Open DevTools and confirm the class is not rendering. The class renders only until you change the class name to “normal” characters like column-1-3.

global-classes-valid-characters
global-classes-valid-characters384×688 7.46 KB

global-classes-output1

global-classes-normal-characthers

global-classes-output2

2

Hi Ben,
Thanks so much for your report!

You are right that a forward slash is allowed within a class name. However, it would have to be escaped within the stylesheet using a backslash. This functionality has not been implemented yet, as there has been no request.

Accordingly, this is not a bug but rather a feature request. Feel free to submit the idea on the Idea Board if this is important to you, or use a different naming convention.

Best regards,
timmse