bug: “active” class does not work in <ion-item href=“”>

[sgon00]

Type: bug

Platform: all

Please check the code:
http://codepen.io/anon/pen/PwOQwR

<ion-item class="item-dark active" nav-clear ng-click="login()">
 Login
</ion-item>
<ion-item class="item-dark active" nav-clear href="#">
Browse
</ion-item>

active class works when the <ion-item> does not have href attribute.
When <ion-item> has the href attribute, it will add <a> inside ion-item and <a>'s background color will override active background color with:

.item-complex.item-dark > .item-content {
  border-color: #111;
  background-color: #444;
  color: #fff;
}

To workaround this issue, I have to add the following css style to override <a> background color again:

.item-complex.item-dark.active > .item-content {
    border-color: #000;
    background-color: #262626;
}

[djett41]

I believe this is related to the same issue I was seeing. In beta 14, line 3100 of ionic.js, the ionic.activator.start is supposed to be checking for elements with .item class when it walks up parents, but eleToActive will ALWAYS be undefined in this condition so the check will never pass...

Therefore to get the activated class added to your item, your ion-item will have to have an ng-click which would pass the third condition.

[mhartington]

@sgon00 it does work, it may just be a bug with the colored items (positive, calm, dark)

http://codepen.io/mhartington/pen/bNMXbZ

Notice that a normal item accepts the active class without any issues.
Will look into this more.

[perrygovier]

Fixed in 9c37863