In style system, when class name is part of receding class name, the class name is not rendered

Description

Environment
Experience Manager


 

Issue/Symptoms

When a class name is part of a 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 checks if a class name is part of preceding class names. Use a BEM-like class name convention so that every class name is unique.

On this page