Sidemenus content with lists is blank on emulator


#1

Hi,

I’m using phonegap+ionic beta and testing the side menu with the following code

<ion-side-menus>
<ion-side-menu-content>
  <ion-header-bar class="bar-positive">
  <button menu-toggle="right" class="button button-icon icon ion-navicon"></button>
    <h1 class="title">Todo</h1>
  </ion-header-bar>
  <ion-content>
  <h2>Content</h2>
  </ion-content>
</ion-side-menu-content>
<ion-side-menu side="left">
  <ion-header-bar>
    <h1 class="title">Menu</h1>
  </ion-header-bar>
  <ion-content>
    <ul class="list">
      <li><a class="item item-icon-left" href="#"><i class="icon ion-home"></i>Home</a></li>
    </ul>
  </ion-content>      
</ion-side-menu>

In browser its working fine, but at android emulator, it only display blank page the cause is

    <ul class="list">
      <li><a class="item item-icon-left" href="#"><i class="icon ion-home"></i>Home</a></li>
    </ul>

since if i remove above line, it runs in emulator.

Ok, ive modified the sidemenu sample on codepen (http://codepen.io/ionic/pen/tcIGK) and add icon to the list menu, run it on emulator its also blank : http://codepen.io/anon/pen/pgLov

Update: Using Android 4.1 & above its working as expected.


#2

I had a similar issue with iOS, i could not display items in right side menu.
I got it solved by replacing ul, li and i with ion-item elements.