Menu button issue on iOS

by Alessandro Vernet

HTML

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">
<form>
    <span id="my-container"></span>
</form>

JavaScript

(new YAHOO.util.YUILoader({
    require: ["fonts", "button", "menu"],
    combine: false,
    allowRollup: false,
    filter: "RAW",
    onSuccess: function() {
        YAHOO.util.Event.onDOMReady(function() {
            var menuData = [];
            for (var i = 1; i <= 100; i++)
                menuData.push({ text: "Item " + i, value: i});
            
            var button = new YAHOO.widget.Button({
                container: "my-container",
                id: "my-button",
                label: "Numbers",
                type: "menu",
                menu: menuData,
                lazyloadmenu: false
            });
        });
    }
})).insert();