Wenn im Stilsystem der Klassenname Teil des vorangehenden Klassennamens ist, wird der Klassenname nicht gerendert

Wenn ein Klassenname Teil eines vorangehenden Klassennamens ist, wird der Klassenname nicht gerendert. Um dieses Problem zu vermeiden, wird empfohlen, eine Klassennamenskonvention für Block Element Modifier (BEM) zu verwenden. Dadurch wird sichergestellt, dass jeder Klassenname eindeutig ist, und Rendering-Probleme werden vermieden.

Beschreibung description

Umgebung

Adobe Experience Manager

Problem/Symptome

Wenn ein Klassenname Teil eines vorangehenden Klassennamens ist, wird der Klassenname nicht gerendert. Beispiel: Hinzufügen der folgenden Stile zu einer Textkomponentenrichtlinie:

Group name = Group

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

Dann enthält die gerenderte HTML nicht class1.

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

For Style2 = class2, the rendered HTML contains class2.

Auflösung resolution

Seit AEM 6.4 prüft die aktuelle Logik, ob ein Klassenname Teil eines vorangehenden Klassennamens ist. Es wird empfohlen, eine Klassennamenskonvention Block Element Modifier (BEM) zu verwenden, um sicherzustellen, dass jeder Klassenname eindeutig ist.