Dans le système de style, lorsque le nom de classe fait partie du nom de classe précédent, il n’est pas rendu.

Lorsqu’un nom de classe fait partie d’un nom de classe précédent, il n’est pas rendu. Pour éviter ce problème, il est recommandé d’utiliser une convention d’affectation de nom de classe Block Element Modifier (BEM). Cela garantit que chaque nom de classe est unique et empêche tout problème de rendu.

Description description

Environnement

Adobe Experience Manager

Problème/Symptômes

Lorsqu’un nom de classe fait partie d’un nom de classe précédent, il n’est pas rendu. Par exemple, l’ajout de styles ci-dessous à une stratégie de composant de texte :

Group name = Group

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

L’HTML rendu ne contient alors pas class1.

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

For Style2 = class2, the rendered HTML contains class2.

Résolution resolution

Depuis AEM 6.4, la logique actuelle vérifie si un nom de classe fait partie d’un nom de classe précédent. Il est recommandé d’utiliser une convention d’affectation de nom de classe Block Element Modifier (BEM) pour s’assurer que chaque nom de classe est unique.