Handlebars inside class tag removed even with raw tag

For some reason the handlebars inside the class tag get removed. I’ve tried both <raw> and using the @{} syntax. <div class="{{name}}" id="{{name}}"> becomes <div class="name" id="{{name}}">

<raw>
        <amp-list layout="container" src="json/items.json">
          <template type="amp-mustache">
            <div class="grid">
              {{#items}}
              <div class="{{name}}" id="{{name}}"> <!-- LOOK HERE -->
                <button class="day-label">{{name}}</button>
              </div>
              {{/items}}
              {{^items}}
              <div>No items found.</div>
              {{/items}}
            </div>
          </template>
          <div placeholder>Loading ...</div>
          <div fallback>Failed to load data.</div>
        </amp-list>
      </raw>

<amp-list layout="container" src="json/items.json">
          <template type="amp-mustache">
            <div class="grid">
              {{#items}}
              <div class="name" id="{{name}}"> <!-- LOOK HERE -->
                <button class="day-label">{{name}}</button>
              </div>
              {{/items}}
              {{^items}}
              <div>No items found.</div>
              {{/items}}
            </div>
          </template>
          <div placeholder="">Loading ...</div>
          <div fallback="">Failed to load data.</div>
        </amp-list>

[cossssmin]

OK, but keep in mind that escaped class names like w-3\/4 will break your layout in Gmail (it throws away the entire style tag or style attribute where it finds CSS that it doesn’t support). So I’d advise to not go into production with safeClassNames completely disabled 😃

[tettoffensive]

For now, I’ve done: safeClassNames: false, but I’ll check out the next release when it’s available