Long menus that don't fit the screen cannot be scrolled on mobile devices.
This is reproducible with at least SmartClient Pro 8, and 11.
Steps to reproduce:
1. Open http://www.smartclient.com/#menusMobileSample on any mobile device (for example Samsung Galaxy S7) or Chrome in mobile mode.
2. Edit the menus.js by adding multiple menu items to the Menu to to make sure the entire menu will not fill the screen in portrait mode once expanded.
3. Run it. Notie that there is no way to reach the bottom of the menu. Scroll bar does not appear, sliding does not work.
thanks.
gene
This is reproducible with at least SmartClient Pro 8, and 11.
Steps to reproduce:
1. Open http://www.smartclient.com/#menusMobileSample on any mobile device (for example Samsung Galaxy S7) or Chrome in mobile mode.
2. Edit the menus.js by adding multiple menu items to the Menu to to make sure the entire menu will not fill the screen in portrait mode once expanded.
3. Run it. Notie that there is no way to reach the bottom of the menu. Scroll bar does not appear, sliding does not work.
Code:
isc.Menu.create({ ID: "menu", autoDraw: false, showShadow: true, shadowDepth: 10, placement: "fillScreen", data: [ {title: "New", keyTitle: "Ctrl+N", icon: "icons/16/document_plain_new.png"}, {title: "Open", keyTitle: "Ctrl+O", icon: "icons/16/folder_out.png"}, {isSeparator: true}, {title: "New 2", keyTitle: "Ctrl+N", icon: "icons/16/document_plain_new.png"}, {title: "Open", keyTitle: "Ctrl+O", icon: "icons/16/folder_out.png"}, {isSeparator: true}, {title: "New 3", keyTitle: "Ctrl+N", icon: "icons/16/document_plain_new.png"}, {title: "Open", keyTitle: "Ctrl+O", icon: "icons/16/folder_out.png"}, {isSeparator: true}, {title: "New 4", keyTitle: "Ctrl+N", icon: "icons/16/document_plain_new.png"}, {title: "Open", keyTitle: "Ctrl+O", icon: "icons/16/folder_out.png"}, {isSeparator: true}, // and so on to make sure the entire menu will not fill the screen in portrait mode once expanded {title: "Save", keyTitle: "Ctrl+S", icon: "icons/16/disk_blue.png"}, {title: "Save As", icon: "icons/16/save_as.png"}, {isSeparator: true}, {title: "Recent Documents", icon: "icons/16/folder_document.png", submenu: [ {title: "data.xml", checked: true}, {title: "Component Guide.doc"}, {title: "SmartClient.doc", checked: true}, {title: "AJAX.doc"} ]}, {isSeparator: true}, {title: "Export as...", icon: "icons/16/export1.png", submenu: [ {title: "XML"}, {title: "CSV"}, {title: "Plain text"} ]}, {isSeparator: true}, {title: "Print", enabled: false, keyTitle: "Ctrl+P", icon: "icons/16/printer3.png"} ] });
thanks.
gene
Comment