# \[ionic 4 beta 5\]Ion-content in ion-menu is taking height as 0

**URL:** <https://forum.ionicframework.com/t/ionic-4-beta-5-ion-content-in-ion-menu-is-taking-height-as-0/140134>\
**Category:** Ionic Framework\
**Created:** [August 29, 2018, 12:53pm UTC](https://forum.ionicframework.com/t/ionic-4-beta-5-ion-content-in-ion-menu-is-taking-height-as-0/140134 "2018-08-29T12:53:34Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![vvdwivedi](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/vvdwivedi/32/120119_2.png) [@vvdwivedi](https://forum.ionicframework.com/u/vvdwivedi)\
**Post date:** [August 29, 2018, 12:53pm UTC](https://forum.ionicframework.com/t/ionic-4-beta-5-ion-content-in-ion-menu-is-taking-height-as-0/140134/1 "2018-08-29T12:53:34Z")

</div>

I have a sidebar menu where I am extracting out the sidebar in one component. This component simply has ion-header, ion-content and ion-footer, with some html inside them to show menu and user etc.

If I keep this in app.component.html, the height of ion-content and ion-footer are fine. But if I make another component and use that component, the height of ion-content and ion-footer becomes 0.

Is this expected? Or there is any fix around that.

---

<div class="post-metadata">

**Author:** ![shosansharma](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/shosansharma/32/90559_2.png) [@shosansharma](https://forum.ionicframework.com/u/shosansharma)\
**Post date:** [November 20, 2019, 6:54am UTC](https://forum.ionicframework.com/t/ionic-4-beta-5-ion-content-in-ion-menu-is-taking-height-as-0/140134/2 "2019-11-20T06:54:08Z")

</div>

Did you find any solution to this? With angular 7 adding fullscreen = ‘true’ attribute helped, but since I updated the Ionic to latest the problem reappeared and not going away even with fullscreen. Current Ionic Info:

```auto
  Ionic CLI : 5.2.1 (C:\Users\sanjay sharma\AppData\Roaming\npm\node_modules\ionic)
   Ionic Framework : @ionic/angular 4.11.5
   @angular-devkit/build-angular : 0.803.19
   @angular-devkit/schematics : 8.3.19
   @angular/cli : 8.3.19
   @ionic/angular-toolkit : 2.0.0

```

---

<div class="post-metadata">

**Author:** ![mhartington](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mhartington/32/137757_2.png) [@mhartington](https://forum.ionicframework.com/u/mhartington)\
**Post date:** [July 19, 2021, 9:22pm UTC](https://forum.ionicframework.com/t/ionic-4-beta-5-ion-content-in-ion-menu-is-taking-height-as-0/140134/3 "2021-07-19T21:22:23Z")

</div>

Closed on July 19, 2021, 9:22pm UTC