No sistema de estilos, quando o nome da classe é parte do nome da classe precedente, o nome da classe não é renderizado

Quando um nome de classe é parte de um nome de classe precedente, o nome da classe não é renderizado. Para evitar esse problema, é recomendável usar uma convenção de nomenclatura de classe de Bloco, Modificador de Elemento (BEM). Isso garante que cada nome de classe seja exclusivo e evita problemas de renderização.

Descrição description

Ambiente

Adobe Experience Manager

Problema/Sintomas

Quando um nome de classe é parte de um nome de classe precedente, o nome da classe não é renderizado. Por exemplo, adicionar estilos abaixo a uma política de componente de texto:

Group name = Group

Styles can be combined = check on Styles Style1 = cmp-text__class1 Style2 = class1

Em seguida, o HTML renderizado não contém class1.

<div class="text cmp-text__class1 aem-GridColumn aem-GridColumn--default--12"> ... </div>

For Style2 = class2, the rendered HTML contains class2.

Resolução resolution

Desde o AEM 6.4, a lógica atual verifica se um nome de classe faz parte de um nome de classe anterior. É recomendável usar uma convenção de nomenclatura de classe do BEM (Block Element Modifier) para garantir que cada nome de classe seja exclusivo.