Nel sistema di stili, quando il nome della classe fa parte del nome della classe precedente, il nome della classe non viene renderizzato

Quando un nome di classe fa parte di un nome di classe precedente, il nome della classe non viene renderizzato. Per evitare questo problema, si consiglia di utilizzare una convenzione di denominazione della classe Block Element Modifier (BEM). In questo modo ogni nome di classe è univoco e si evitano problemi di rendering.

Descrizione description

Ambiente

Adobe Experience Manager

Problema/Sintomi

Quando un nome di classe fa parte di un nome di classe precedente, il nome della classe non viene renderizzato. Ad esempio, l’aggiunta di stili di seguito a un criterio di un componente testo:

Group name = Group

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

Il HTML renderizzato non contiene class1.

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

For Style2 = class2, the rendered HTML contains class2.

Risoluzione resolution

A partire da AEM 6.4, la logica corrente controlla se un nome di classe fa parte di un nome di classe precedente. Si consiglia di utilizzare una convenzione di denominazione della classe Block Element Modifier (BEM) per garantire che ogni nome di classe sia univoco.