No click event on icon

[piernik]

If I add only icon it doesn't recieve click events on android 4.1:
<i class="ion-help-circled" ng-click="alert('none');"></i>
or
<a ng-click="alert('none');"><i class="ion-help-circled"></i></a>

This recieves event on text only:
<a ng-click="alert('none');"><i class="ion-help-circled"></i> Text</a>

[ajoslin]

Try:

<a class="button button-clear" ng-click="something()">
  <i class="icon ion-help-circled"></i>
</a>

[piernik]

That works but makes padding that I don't want to

[perrygovier]

piernik, were you able to remove the padding?

[piernik]

I've iggnored icon and set text as well <a ng-click="alert('none');">Get help <i class="ion-help-circled"></i></a> so problem is not solved, but I do know how to get rid of padding ;)

[perrygovier]

I believe this is because the actual image is a pseudo element. @adamdbradley would our click modifications fire on a pseudo element?

@piernik, could you put together a quick codepen for us to test against?

[adamdbradley]

Looks like its a quirky Android 4.1 thing. I was able to replicate it on 4.1, but not 4.2. In your case, since you do not want to use a button and override the padding, you can instead add a background color and then the whole element is clickable. Thanks

[fafk]

The only thing that worked for me was to was to change the event to ng-mouseover. Works fine on mobile devices, does not work in a browser (ionic 1.2.5; Chrome 32 on Ubuntu 14.04).

[dineshgh]

I am unable to get an ng-click on an icon. I can see "activated" added to classes but no action.
v1.0.0-beta.13, testing in Chrome.

I have tried both wrapping it in an and without the wrap.

    <label class="item item-input">
        <i class="icon ion-search placeholder-icon"></i>
        <input type="text" placeholder="Search" ng-model="qt" ng-change="doSearch(qt)">
        <a class="button button-clear" ng-click="closeSearch()">
            <i class="icon ion-close pull-right" ng-click="closeSearch()"></i>
            </a>
    </label>

Will appreciate help.

How about using "on-tap"?

[tannerlinsley]

I can confirm this while testing in Chrome. Even when wrapping with other elements, the parent elements will not fire.

[FdezRomero]

I'm having this issue as well. Are you guys doing an e.preventDefault() on <i> targets?
Tested on beta 14 nigthly 995

Update: I have it working replacing the parent <label> with a <div>

As @mhartington explains here: http://forum.ionicframework.com/t/cannot-tap-click-a-clear-search-icon-inside-an-input-label/4237/7

Thing to remember about how ionic deals with setting focus to inputs:

We use labels to to watch for any tap events, then check to see if that label has an input inside of it. If so, set focus to the input.

To use a button along the input, swap the label to a span or div, your ng-clicks will work fine after that.