block>elem>tag>elem not working

[linvain]

block>elem>tag>elem not working:

<footer block="footer">
  <div elem="column">
    <a href="#">
      <img elem="img" src="img/app-store.png" alt="" />
    </a>
    <a href="#">
      <img elem="img" src="img/google-play.png" alt="" />
    </a>
  </div>
</footer>

img tag renders as <img elem="img" src="/app-store.170656b3.png" alt="">

Still block>elem>elem>elem works (adding elem attribute on img tag solves the issue)

[rarila]

I can confirm this issue! I just like to add another, more generic example:

Working example

Source:

<div block="block">
    <div elem="element-one">
        <div elem="element-two">
            <div elem="element-three">OK</div>
        </div>
    </div>
</div>

Result, as expected:

<div class="block">
    <div class="block__element-one">
        <div class="block__element-two">
            <div class="block__element-three">OK</div>
        </div>
    </div>
</div>

Buggy example

Source:

<div block="block">
    <div elem="element-one">
        <div>
            <div elem="element-two">ERROR</div>
        </div>
    </div>
</div>

Results in elem attribute not replaced with class:

<div class="block">
    <div class="block__element-one">
        <div>
            <div elem="element-two">ERROR</div>
        </div>
    </div>
</div>