Ionic-framework: First element in sidemenu hidden behind menu title (RC.1)

[jonnysmith1981]

Short description of the problem:

The first element of a sidemenu is sitting behind the menu title. Re-tested in rc.0 and first menu item is correctly displayed.

RC.1 Sidemenu

RC.0 Sidmenu

What behavior are you expecting?

Sidemenu items should appear below the menu title.

Which Ionic Version? 2.0.0.rc.1

Run ionic info from terminal/cmd prompt: (paste output below)
Your system information:

Cordova CLI: 6.3.0
Gulp version: CLI version 3.9.0
Gulp local:
Ionic Framework Version: 2.0.0-rc.1
Ionic CLI Version: 2.1.0
Ionic App Lib Version: 2.1.0-beta.1
ios-deploy version: 1.8.6
ios-sim version: 5.0.3
OS: Mac OS X El Capitan
Node Version: v6.6.0
Xcode version: Xcode 8.0 Build version 8A218a

[jgw96]

Hello, thanks for using Ionic! Could you provide a repo we can use to reproduce this issue? Thanks!

[brandyscarney]

Please make sure you are placing your ion-toolbar inside of an ion-header element. See the docs here: http://ionicframework.com/docs/v2/api/components/toolbar/Header/

An example of this is in the conference app: https://github.com/driftyco/ionic-conference-app/blob/master/src/app/app.template.html#L5-L9

[jonnysmith1981]

@jgw96 Ok, i havent done this very often, please be gentle...

Here is the repo showing the problem https://github.com/jonnysmith1981/ionic2menu

As i mentioned up top, this worked fine on rc.0

[jgw96]

@jonnysmith1981 Would you mind giving @brandyscarney 's suggestion a try? Thanks!

[jonnysmith1981]

@jgw96 The suggestion by @brandyscarney to structure my HTML correctly has worked. Who knew?

_drinks all round_

[RyanMcDonald]

This bit me too. Please update the 'Basic Usage' example in the docs in case someone else runs into this.

[brandyscarney]

Created an issue for it here: https://github.com/driftyco/ionic-site/issues/838 Thanks @RyanMcDonald!