Trying to make a split pane menu

[HijackHornet]

📚 What are you trying to do?

Hello
I try and use a spit plane menu but i'm getting a number of issue. First i cannot open the collapsed mmenu by dragging from the left to the right, while i can do it on ionic playground in vue mode.
Secondly when i create an ion-item in this split pane with a router-link, i can click on it but the mouse doesnt show it when i hover the item, no shadow effect and cursor stay the same.
Again this is not happening on ionic playground so i'm confused.

🔍 What have you tried?

<template>
  <ion-split-pane content-id="menu-content" when="md">
    <ion-menu content-id="menu-content">
      <ion-header>
        <ion-toolbar>
          <ion-title>Menu</ion-title>
        </ion-toolbar>
      </ion-header>
      <ion-content> 
               <ion-item
                  router-link="/aLink"
                  router-link-active="active-link"
                >Test</ion-item>
      </ion-content>
    </ion-menu>
    <ion-router-outlet id="menu-content"></ion-router-outlet>
  </ion-split-pane>
</template>

ℹ️ Additional context

No response