Ion-menu isn't working as intended

[jotceg]

Bug Report

Ionic version:

[x] 4.12.0

Current behavior:
The ion-menu should be visible and working, but it doesn't.

Expected behavior:
Ion-menu should be working

Steps to reproduce:
Simply try this code:

Related code:

<ion-content class='ion-no-padding' fullscreen='true'>
  <ion-grid class='ion-no-padding is-fullheight'>
    <ion-row class='is-fullheight'>
      <ion-col style='background-color: #f8f8f8' size-sm='12' size-xs='12' size-md='12' size-lg='3' size-xl='3' class='ion-float-left ion-no-padding ion-no-margin'>
          <ion-menu side="start" menuId="first">
              <ion-header>
                <ion-toolbar color="primary">
                  <ion-title>Start Menu</ion-title>
                </ion-toolbar>
              </ion-header>
              <ion-content>
                <ion-list>
                  <ion-item>Menu Item</ion-item>
                  <ion-item>Menu Item</ion-item>
                  <ion-item>Menu Item</ion-item>
                  <ion-item>Menu Item</ion-item>
                  <ion-item>Menu Item</ion-item>
                </ion-list>
              </ion-content>
            </ion-menu>
      </ion-col>   
      <ion-col size-sm='12' size-xs='12' size-md='12' size-lg='9' size-xl='9' class='ion-float-right ion-no-padding ion-no-margin'>
        test
      </ion-col>
    </ion-row>
  </ion-grid>
</ion-content>

Other information:

Ionic info:

`Menu: must have a "content" element to listen for drag events on.`

[liamdebeasi]

Hi there,

Thanks for the issue. This is not the intended usage of ion-menu. The component should not exist within an ion-content component.

For further examples on how to use ion-menu please see the Menu Component Documentation. Additionally, see the Ionic Conference App example for how ion-menu should be implemented. If you have any questions on how to implement this, feel free to ask on our forums or on our slack.

Thanks for using Ionic!

[jotceg]

It helped :) This was just my issue of using ion-menu without ion-split-pane component. However, i found that on Ionic docs website in ion-menu documentation, there is no example with Ion-split-pane, so i think this could be an issue (the code snippet is wrong and this could be misleading) but i'm not sure about it.

By the way, thanks for your support! It was very helpful :)

[ionitron-bot]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.