What's wrong with the element?

Question

Angular

This design: button(ng-click=function1) > div > span (ng-click=function2)
In Google Chrome, ie, safari works fine, if you click in the span, it will work function1, then function2
When I run it in mozilla, then when click in span works only function1
For those who are not understanding:

<button class="btn" ng-click="switch(el.id)">
    <div class="tools">
        <span href="" class="edit" ng-click="edit(el)"></span>
        <span href="" class="delete" ng-click="delete(el)"></span>
    </div>
</button>

How can I fix it?

Answer 1

You cannot put the tags you used inside the button, replace the button with something else or make it differently.