Bei Klick öffnet sich nur die maximale Höhe des ul elements. Sieht nicht schön aus, da unterhalb der Text zu sehen ist. Habe dafür einen CSS-Hack eingefügt.

Wenn das slide Menü getriggert ist, fügt es eine body class von .mega-menu-slideout-mobile-open dazu. Damit die Animation weiter funktioniert, füge dem letzten li element ein padding-bottom von 500-600px hinzu und deaktiviere das scrollen, wenn das Menu getriggert wurde.

body.mega-menu-slideout-mobile-open {
    overflow: hidden !important;
    height: 100vh !important; /* Prevent scrolling when body is disabled */
}

/* Li Element direkt ansteuern */
.mega-menu-item-143 {
     padding-bottom: 500px !important;
}

/* oder immer dynamisch das letzte li element im submenu ansteuern */
.mega-menu-slideout li.mega-menu-item:last-of-type {
     padding-bottom: 500px !important;
}