Font-awesome: Transforms ignored on .fa-layers-text when using nest mutator

[idpaterson]

The nest mutator, used when the autoReplaceSvg option is set to "nest", causes power transforms to be ignored on .fa-layers-text. The mutator ignores all attributes including the style attribute generated by makeLayersTextAbstract().

This fiddle shows the calendar example from the Font Awesome documentation. While this works properly with autoReplaceSvg: true (which uses the replace mutator), no transform is applied with autoReplaceSvg: "nest" and the numbers overlap the entire calendar icon.

<span class="fa-layers fa-3x">
  <i class="fas fa-calendar"></i>
  <span class="fa-layers-text fa-inverse" data-fa-transform="shrink-8 down-3">27</span>
</span>

| Expected | replace | nest |
| --- | --- | --- |
| | | |

I have found the nest mutator very useful in upgrading an open source project from Font Awesome 4 to 5 Pro. This is certainly something that could be worked around by using the default replace mode instead, but since that would require much refactoring of old markup and CSS I am hopeful for a fix to make replace and nest mode produce the same result.

[robmadole]

@idpaterson thanks for the great bug report. I can confirm this is broken. We'll get it on the list to get fixed!

[MajorEvent]

Just bumping this since it's affecting me and not fixed yet. It's not affecting layering icons or the counter, just the text transform.

[Chris-KCIT]

Bump, looking forward to seeing this resolved, or at a minimum mentioned in the documentation if it is going to be an ongoing issue.

[DeetyB]

Another bump! Also, the same issue applied to counters (fa-layers-counter) as well as text (fa-layers-text).

[dbarwikowski]

Bump

[amiram]

Do you know when this is going to be fixed?

[robmadole]

We don't have a timeline for this yet. But it's still on the list.

[Chris-KCIT]

For me, a work around fix would be icons for numbers between 1 and 31, but would really love for this to be fixed for good.

[MHedish]

Bump!