Hello!
Bumping this old thread with a solution that might be useful in the future.
In order to have nested Sub-Menus (effectively having one or multiple DropDownMenu Web Block(s) inside another DropDownMenu Web Block), a small JavaScript tweak is needed.
If that is the case, please include the following script in the layout Web Block (or some other place that seems fit).
// Fix opening/closing nested menu items
document.body.addEventListener( "click", function( e ) {
var currentMenuButton = e.target.parentNode.closest( ".Menu_DropDownButton" );
if ( ! currentMenuButton ) {
return;
}
var parentMenuButton = currentMenuButton.parentNode.closest( ".Menu_DropDownButton" );
if ( ! parentMenuButton ) {
return;
}
parentMenuButton.classList.remove( "open" );
setTimeout( function() {
parentMenuButton.classList.add( "open" );
}, 0 );
}, true );
// Set custom menu animation
if ( window.RichWidgets ) {
window.RichWidgets.DropDownMenus.customOpenFunction = function( e ) {
if ( e.parentNode.classList.contains( "open" ) ) {
$( e ).fadeIn( 200 );
}
};
window.RichWidgets.DropDownMenus.customCloseFunction = function( e ) {
$( e ).stop().fadeOut( 200 );
};
}
This has been tested in a Traditional Web application (O10).