IONIC Button Beside Textfield Fail!

I tried and , both could not receive click triggers having placed it beside a textfield. This happens only in IONIC. Any solution to fix this problem? Thanks.

   <div class="row responsive-sm pure-form pure-form-stacked">
        <div class="col">
        </div>
        <div class="col">
        </div>
        <div class="col col-50">
            <label class="item item-input no-padding textoverflow-break">
                <label class="bold">Pickup Location</label>
                <span class="inlineDisplay"><input type="text" placeholder="Pickup Location" ng-model="data.pickuplocation" ng-show="view.pickuplocation" class="width80" onclick="alert('no')" data-tap-disabled="true"><button onclick="alert('yes')" class="icon ion-arrow-down-b" ng-show="view.pickuplocation"></button></span>
                <label ng-hide="view.pickuplocation" ng-click="actionMenuShow(data.pickuplocation,'string')">{{data.pickuplocation}}</label>
            </label>
        </div>
    </div>