スタイルシステムでは、クラス名が先頭のクラス名の一部である場合、クラス名はレンダリングされません

説明 description

環境

Adobe Experience Manager

問題/症状

クラス名が先頭のクラス名に含まれている場合、そのクラス名はレンダリングされません。 例えば、テキストコンポーネントポリシーに以下のスタイルを追加するとします。

Group name = Group

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

レンダリングされたHTMLに class1 が含まれていない。

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

For Style2 = class2, the rendered HTML contains class2.

解決策 resolution

AEM 6.4 以降では、現在のロジックは、クラス名が先行するクラス名に含まれているかどうかを確認します。 すべてのクラス名が一意になるように、BEM に似たクラス名規則を使用します。

recommendation-more-help
3d58f420-19b5-47a0-a122-5c9dab55ec7f