AEM: In style system, when a class name is part of preceding class name, the class name is not rendered

Description

Issue

 

When a class name is part of another class name, receding class name, the class name is not rendered. For example, adding below styles to a text component policy:

 

Group name = Group

Styles can be combined = check on

Styles

 Style1 = cmp-text__class1

 Style2 = class1

 

Then the rendered HTML does not contain class1.

div class=“text cmp-text__class1 aem-GridColumn aem-GridColumn–default–12” … /div

 

For Style2 = class2, the rendered HTML contains class2.


Resolution

Since AEM 6.4, current logic is checking if a class name is part of preceding class names. Use BEM-like class name convention so that evey class name is unique.

On this page