Ion toogle and ion radio doesn't work in a menu

Hi i have to put one toggle item and N radio items in a menu, both items are displayed correctly but i can’t interact with these, when i select toggle or radio nothing happens, no viusal changes happens and the events are not raised.
Another thing: If i put toggle or radio in ion-content, ion-header, footer (outside of menu) it works perfectly.

Here is my code:

HTML


<ion-menu side="end" menuId="first" contentId="main" class="menu-side-item">

  <ion-header>
    <ion-toolbar color="tertiary">
      <ion-title>Configuración</ion-title>
    </ion-toolbar>
  </ion-header>
  <ion-content>

    <ion-list>

      <!-- I have tried with "enabled" and without "enabled" is the same-->
      <ion-item>Notificaciones<ion-toggle enabled (ionChange)="notifyChange($event)"></ion-toggle>
      </ion-item>

      <ion-item>Credenciales</ion-item>

      <ion-radio-group (ionChange)="changedCompany($event)">

        <ion-item *ngFor="let data of dataUser.companies">
          <img src="{{data.logo}}" alt="company logo" class="logo-item">{{data.name}}
          <ion-radio value="{{data.name}}" >
          </ion-radio>
        </ion-item>

      </ion-radio-group>
...

TS


  notifyChange(event) {
 
      this.notifyEnabled = event.detail.checked;
      console.log(this.notifyEnabled); 

  }

changedCompany(event){
  console.log(event.target.value);
 
}

And this is how the items are displayed
pp

Can you help me please? what am i doing wrong?

Regards

i found my problem,
before i had the menu in component.html because i wanted the menu in all the pages, but requeriments have changed and only the home page have the menu, the problem was i dont change the ID of the content in “component.html” and i had the same ID in the “home.html” content, i fix it changing the ID on my home page and the menu.