Disabled product button still works

[Artem]

Conditions:

1. The product is out of stock
2. iframe: false
3. Custom template with button which has child elements (eg. span):

templates: {
                button: '<div class="{{data.classes.product.buttonWrapper}}" data-element="product.buttonWrapper">
<button {{#data.buttonDisabled}}disabled{{/data.buttonDisabled}} class="{{data.classes.product.button}} {{data.buttonClass}}" data-element="product.button">
   <span>{{data.buttonText}}</span>
</button>
</div>'
              }

It is possible to add to cart by clicking on the text in the span.