In style system, when class name is part of receding class name, the class name is not rendered
Description 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 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.
recommendation-more-help
3d58f420-19b5-47a0-a122-5c9dab55ec7f