Announcement

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

    Bug: touch/click event issues on smartphones

    SmartClient_v100p_2015-06-15_Pro
    Also reproducible with SmartClient_v100p_2015-06-04_Evaluation

    Affected devices: iPhones, Samsung Galaxy, Samsung Nexus - pretty much all smartphones.

    Problem:
    Please use the code below to test the click events. It works fine on tablets (iPads), laptops with touch and regular desktop/laptops.

    However, on all smartphones touch/click events don't do anything.
    Clicking on menus doesn't expand those menus. This part never works on any device or emulator.
    Clicking on the button doesn't fire the alert function on most of the devices.

    Reproducible with all the skins.
    Removing Toolstrip button doesn't seem to make any effect.


    The complete test case:
    Code:
    <!DOCTYPE html">
    <html>
    	<head>
    		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    		<SCRIPT>var isomorphicDir="isomorphic/";</SCRIPT>
    		<SCRIPT SRC=isomorphic/system/modules/ISC_Core.js></SCRIPT>
    		<SCRIPT SRC=isomorphic/system/modules/ISC_Foundation.js></SCRIPT>
    		<SCRIPT SRC=isomorphic/system/modules/ISC_Containers.js></SCRIPT>
    		<SCRIPT SRC=isomorphic/system/modules/ISC_Grids.js></SCRIPT>
    		<SCRIPT SRC=isomorphic/skins/EnterpriseBlue/load_skin.js></SCRIPT>
    </head>
    <body>
    <script>
    Menu.create({
    	ID:"cMenu",autoDraw:false,showShadow:true,shadowDepth:9,cellHeight:18,menuButtonWidth:60,
    	data:[
         {title:"New...",click:"alert('test')"},
         {title:"Exit",click:"alert('exit')"}
        ],
        title:"Top"
    });
    
    Menubar.create({
     ID:"menuBar2",autoDraw:false,height:22,
     menus:[cMenu]
    });
    isc.ToolStrip.create({
     ID:"menuBar",autoDraw:false,members:[
    	menuBar2,
    	"resizer",
    	isc.ToolStripButton.create({icon:"countries/us.gif",click:"alert('1')"})
     ]
    });
    VStack.create({ID:"menuStack",top:23,width:"100%",members:[menuBar]});
    isc.HLayout.create({
     ID:"hpane",width:"100%",height:"100%",
     members:[
       isc.SectionStack.create({
         ID:"sectionStack",visibilityMode:"multiple",width:"33%",height:"100%",
         sections:[
           {title:"Details",expanded:true,resizeable:false,items:[
    			isc.HLayout.create({
                 membersMargin:5,members:[
                  isc.IButton.create({ID:"map",title:"Map",click:"alert('map')"})
                 ]
              })
            ]},
            {title:"More",expanded:true,canCollapse:true,items:[
    			isc.TreeGrid.create({
    			ID:"chartsTree",
    				fields:[
    					{name:"Name",title:"Name",width:"54%"}
    				],
    				data:isc.Tree.create({
    					ID:"cTree",modelType:"parent",rootValue:"0",nameProperty:"Name",idField:"node_id",parentIdField:"parent_id",
    					data:[
    						{node_id:"1",parent_id:"0",chart_id:"0",arr_id:"-1",Name:"<b>Current</b>",Type:"",Date:""}
    					]
    				}),
    				width:"100%",height:400
    			})
    		]}
         ]
        }),
       isc.VLayout.create({
        ID:"vpanes",width:"62%",
    	members:[
    		isc.TabSet.create({
    			ID:"cTabs",tabBarPosition:"top",width:"100%",height:"90%"
    		})
         ]
       })
     ]
    });
    isc.VLayout.create({
    	width:"100%",top:23,autoDraw:true,height:"100%",
    	members:[menuStack,hpane]
    });
    </script>
    </body>
    </html>
    This used to work with 8.3 Pro and earlier versions.

    Thanks,
    gene
    Last edited by genev; 16 Jun 2015, 21:11.

    #2
    Are you having trouble with the website samples (which work for us on all major SmartPhone platforms) or just with this particular page?

    Have you tried actually loading all of the core modules? You're missing basics like ISC_Forms.js.

    Comment


      #3
      Yes, I've tried loading all the modules and various combinations of modules.
      This is simply a very trimmed down version of the actual application that used to work with 8.3 Pro.
      I was just trying to isolate the issue and simplify the test case for you as much as possible.

      This particular layout does not work on any smartphone and emulator I tried with. Menus cannot be opened.


      http://www.smartclient.com/#menusMobileSample - this one doesn't work in the chrome emulator either, not sure if it works with actual smartphones though.

      thanks,
      gene
      Last edited by genev; 17 Jun 2015, 15:15.

      Comment


        #4
        Thanks for the clear test case. We believe we have now got this issue resolved. Please try the next nightly build, date June 23, 10.0p or 10.1d branches.

        Regards
        Isomorphic Software

        Comment


          #5
          I don't think it's fixed. Tested with SmartClient_v100p_2015-06-23_Pro but getting the same behavior on Samsung Galaxy S3, S4, S5 (with Chrome and IE) and on google mobile emulator.

          The only difference is that the button now is clickable until the menu is tapped. The menu still doesn't expand and after tapping any menu button all UI controls become unresponsive.

          thanks,
          gene

          Comment


            #6
            Odd - it was working for us in our tests. We'll take another look
            Thanks for the notification

            Regards
            Isomorphic Software

            Comment


              #7
              Please try the next nightly build (June 27 or above) and let us know if you continue to experience problems with this.

              Thanks
              Isomorphic Software

              Comment

              Working...
              X