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

クラス名が前のクラス名の一部である場合、そのクラス名はレンダリングされません。 この問題を回避するには、ブロック要素修飾子（BEM）クラスの命名規則を使用することをお勧めします。 これにより、各クラス名が確実に一意になり、レンダリングの問題が発生するのを防ぐことができます。

説明 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 （ブロック要素修飾子）クラス命名規則を使用することをお勧めします。