Announcement

Collapse
No announcement yet.
X
  • Filter
  • Time
Clear All
new posts

    Long Menus are not scrollable on mobile devices

    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.
    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

    #2
    Hi,

    we have found that there was a bug in our code that made it behave as you describe. We have already fixed it and you'll find it fixed in the next nightly builds, with dates from Nov, 19th on.

    Best regards,
    Isomorphic

    Comment


      #3
      Hi,

      This is not fixed.
      Still reproducible exactly as described in SmartClient_v110p_2016-12-16_Pro and also with the current (01/10/2017) http://www.smartclient.com/#menusMobileSample example.

      Thanks,
      gene

      Comment


        #4
        We have double checked today under your test conditions, and it has worked for us in all these environments:
        • local development environments:
          • MAIN development branch
            • physical iPhone 5, iOS 9.3.5
            • simulated iPhone 7, iOS 10.2
          • 11.0 production branch
            • chrome iPhone 5
            • chrome iPhone 6 Plus
            • physical iPhone 5, iOS 9.3.5
            • simulated iPhone 7, iOS 10.2
            • simulated iPhone 5, iOS 9.3
        • www.smartclient.com
          • 11.0 production branch
            • physical iPhone 5, iOS 9.3.5
            • simulated iPhone 7, iOS 10.2

        Are you sure you cleaned your browser's cache before retesting?

        Comment

        Working...
        X