I've been messing about with onclick toggling in Vanilla, and it seems to me that a Vanilla drop menu can be created simply by having the following in a menu container (flex, row, wrap, justify center) -
Button holders, button-size width & height, & onclick attribute*, containing
1. Main menu button.
2. Inner container, display none, containing -
(a) Mask, position fixed, top 0, left 0, width 100vw, height 100vh.
(b) Sub buttons, display block, position relative, z-index 1.
I have put a sample RSD file
here, and an export of it
here, just to demonstrate the ultra simple principles above.
Frank
*
var x = this.children[1]; x.style.display = (x.style.display !== "block") ? "block" : "none";