bug: Item nested elements not causing active css effect

[justinpatten]

Type: bug

Platform: mobile webview

We have an item inside of a list that has multiple columns/rows inside of the item parent container. It seems like once we hit a certain level of nesting, the active css no longer applies. See this codepen that I forked and modified to nest the Item text within a few divs:

http://codepen.io/anon/pen/yEgnb

If you click on one of the items, it doesn't enable the active css. Remove one of the divs surround the item and then try to click. It will trigger the active css.
Is there any magic we can do to enable the parent to have its css updated?

[justinpatten]

Looks like the code is living in activator.js.

for(var x=0; x<4; x++)

Other than modifying this locally to walk up more levels, what could be done? Obviously, we don't want to let it walk up the entire tree.

[mhartington]

Going to pass this to @perrygovier

[ionitron-bot]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.