Item class element intercepts click event?


#1

I have a list item with input and a button. The button has an ng-click property but it never fires, despite the fact that the button does visually react to the click. When I set the property directly on the list item, the function is called immediately. What’s going on? (This is in an Android Cordova/Phonegap type app)

<label class="item item-input item-button-right large-item">
	    <span class="input-label">Phone</span>
	    <input type="text" ng-model="lead.phone" style="max-width:130px;">
	    <button class="button button-large" style="height:57px;" ng-click="callphone()">
	    	<i class="icon ion-android-call"></i>
	    </button>
</label>

#2

Turns out it was the label element that was causing everything. Changed it to a div and all is well.