Unnecessary overflows added to menu styles create scrollbars

[gitgitwhat]

Short description
A menu item added to a toolbar adds overflow-y:auto which causes a scrollbar to appear.

What is current behavior

What is desired behavior
No scroll bar.

Steps to reproduce or sample
Create a layout and add the toolbar below.

    toolbar: {
        name: 'toolbar',
        items: [
            { id: 'options', type: 'menu', text: 'Options', icon: 'fa fa-cog',
                items: [
                    { id: 'logout', text:   'Logout     ', icon: 'fas fa-sign-out-alt', route: 'logout' },
                ]
            }
        ]
    }

[mpf82]

Cannot reproduce: http://jsfiddle.net/ja189qk0/1/

Tested with Firefox and Chrome.

Please provide a working fiddle next time.

You can use any demo as a starting point (e.g. http://w2ui.com/web/demos/#/toolbar/1) and then click "Show Source Code" button and then the "fiddle with code online" link.

Maybe you have a browser zoom level set?

Or maybe you have more CSS in your page, that changes how the toolbar item is displayed?

[mpf82]

Cannot reproduce: http://jsfiddle.net/ja189qk0/1/

I'll take that back. I cannot reproduce this in Chrome 88, but in Chrome 91 it looks like this:

Possible work-around until this is properly adressed and fixed:

div.w2ui-menu {
    width: unset !important;
    min-width: 100%;
}

See: http://jsfiddle.net/vb5u20nj/