I’m trying to create a typeahead search field that either extends the ion-item or over lapses the current ion-side-menu but it’s not working. I’ve tried with different Z-index and everything. This is how it looks:
If I take away the developer toolkit you can see a small border so that it does exist.
<ion-side-menu side="left">
<header class="bar bar-header bar-stable">
<h1 class="title">Dashboard</h1>
</header>
<ion-content class="has-header">
<ion-list>
<ion-item>
<label class="item item-input">
<i class="icon ion-search placeholder-icon"></i>
<input type="text" placeholder="Search" style="z-index:10000;" ng-model="selected" typeahead="event.name for event in events | filter:$viewValue | limitTo:5">
</label>
</ion-item>