Beta 10: mystery menu icons on ion-item

Ionic Framework ionic-v3
1

In iOS on ionic view every ion-item seems to have a menu icon as an item-right. This doesn’t happen in the preview with ionic serve -l and it didn’t happen with beta 8.
Anyone else experiencing this?

Ionic View

image
Ly4weKz.png640×1136 33.5 KB

ionic serve -l
image

2

Can you share the markup you’re using?

Note that if you’re using ion-item as an attribute and not an element, it will automatically add these

3

@mhartington the markup is straight out of the demo for the navigation. It’s not the arrows that are the problem, the second picture is showing the ionic serve -l view where it renders correctly. The first image you’ll see that there are menu icons in there as well that aren’t in markup.

<ion-menu [content]="content">

<ion-toolbar>
    <ion-title>{{ 'menu:title' | translate }}</ion-title>
</ion-toolbar>

<ion-content>
    <ion-list>
       <button ion-item *ngFor="let p of pages" (click)="openPage(p)">
          <ion-icon *ngIf="p.icon" name="{{p.icon}}"></ion-icon> {{p.title | translate}}
       </button>
       <button ion-item *ngIf="ElggUserService.isLoggedIn()" (click)="logout()">
      	  <ion-icon name="exit"></ion-icon> Log Out
      </button>
    </ion-list>
</ion-content>

</ion-menu>

<ion-nav id="nav" [root]="rootPage" #content swipe-back-enabled="false"></ion-nav>
1 Like
4

Another mystery pseudo-solved. Didn’t change anything related to that markup or controller code, but with a new ionic upload it’s magically fixed itself.