Announcement

Collapse
No announcement yet.
X
Collapse
  • Page of 1
  • Filter
  • Time
Clear All
new posts
Previous template Next
    #1

    TreeGrid - inacurate touch for expand/collapse nodes on IPad

    Using version 10.0d to expand/collapse a node on ipad2 Safari i have to tap right under the +/- icon, on ipad Chrome I can tap on the icon as expeced, as on any browser on PC or Android

    IPad2 ios version 7.1.1 (11D201)

    UserAgent: Mozilla/5.0 (iPad; CPU 7_1_1 like Mac OS X) AppleWebKit/537.51.2 (KHTML, like Gecko) Version/7.0 Mobile/11D201 Safari/9537.53
    Tags: None
    #2
    We've been unable to reproduce this issue on either a physical iPad or on Apple's emulator.

    Are you able to reproduce this on more than one device and/or simulator?

    Comment

      #3
      Sorry I only have the device above - btw version 9.1 is fine on the same device

      Comment

        #4
        Now using latest 10.0 build SmartClient_SNAPSHOT_v100d_2014-08-15_LGPL on the same device - same problem. In addition taping on a record to select it selects previous record
        Chrome on the same device does not have this problem, neither does the Savari 5.1.7 on Windows 7
        Chrome for iPad returns this userAgent:
        Mozilla/5.0 (iPad; CPU 7_1_1 like Mac OS X) AppleWebKit/537.51.2 (KHTML, like Gecko) CriOS/36.0.1985.49 Mobile/11D201 Safari/9537.53
        Last edited by jumple; 15 Aug 2014, 09:18.

        Comment

          #5
          Still not reproducing this. It could be a caching issue if you have been switching between versions at the same URL - try clearing Mobile Safari's cache.

          Comment

            #6
            Cleared cache - same problem

            I think I figured out exactly when it happens:

            If I load page with iPad in portrait orientation - everything works fine, touching records selects the correct one, then changing orientation to landscape - still works fine if record was selected previously in portrait

            If I load in portrait again - and switch to landscape without selecting record - problem shows - previous record is selected

            Loading in landscape has the opposite effect:

            If I load page in landscape and select a record - problem appears right away and then switching to portrait - problem persists.

            If I load in landscape but don't select record and switch to portrait - no problem

            This could be related to another problem I just saw.

            When element has 100% height and width - in portrait all is good, but in landscape - a little bit at the bottom is cut off
            Last edited by jumple; 15 Aug 2014, 11:25.

            Comment

              #7
              Make sure you've read the Mobile Development overview about viewports and <meta> tags. Then, we'll need to see a complete .html file that demonstrates the problem.

              Comment

                #8
                Originally posted by jumple View Post
                When element has 100% height and width - in portrait all is good, but in landscape - a little bit at the bottom is cut off
                Here is a simple example that does this: one Canvas with width/height 100% with 30px border in landscape is being cut off at the bottom (you can see a very thin border at the bottom that is not 30px) but not in portrait

                Code:
                <!DOCTYPE HTML>
<html><head>
	<script>
		var isomorphicDir="smartclientSDK/isomorphic/";
	</script>
	<script src=smartclientSDK/isomorphic/system/modules/ISC_Core.js></script>
	<script src=smartclientSDK/isomorphic/system/modules/ISC_Foundation.js></script>
	<script src=smartclientSDK/isomorphic/system/modules/ISC_Containers.js></script>
	<script src=smartclientSDK/isomorphic/system/modules/ISC_Grids.js></script>
	<script src=smartclientSDK/isomorphic/system/modules/ISC_Forms.js></script>
	<script src=smartclientSDK/isomorphic/system/modules/ISC_DataBinding.js></script>
	<script src=smartclientSDK/isomorphic/skins/Enterprise/load_skin.js></script>
</head>
<body>
<style>
	.test{
		border: 30px solid red;
	}
</style>
<script>
	isc.Canvas.create({
		width: "100%",
		height: "100%",
		styleName: "test"
	})
</script>
</body>
</html>

                And here is a simple example of treegrid expand/collapse/record select inaccuracy on iPad
                I tried playing around with meta and even isc_useDefaultViewport = false but had no luck - the problem persisted

                Code:
                <!DOCTYPE HTML>
<html><head>
	<script>
		var isomorphicDir="smartclientSDK/isomorphic/",
			isc_useSimpleNames = false;
	</script>
	<script src=smartclientSDK/isomorphic/system/modules/ISC_Core.js></script>
	<script src=smartclientSDK/isomorphic/system/modules/ISC_Foundation.js></script>
	<script src=smartclientSDK/isomorphic/system/modules/ISC_Containers.js></script>
	<script src=smartclientSDK/isomorphic/system/modules/ISC_Grids.js></script>
	<script src=smartclientSDK/isomorphic/system/modules/ISC_Forms.js></script>
	<script src=smartclientSDK/isomorphic/system/modules/ISC_DataBinding.js></script>
	<script src=smartclientSDK/isomorphic/skins/Enterprise/load_skin.js></script>
</head>
<body>
<script>
	isc.TreeGrid.create({
		width: "100%",
		height: "100%",
		data: isc.Tree.create({
			root: {"children":[
				{
					"0":"rootData",
					"children":[
						{
							"0":"child0",
							"children":[
								{"0":1,"1":1,"2":1},
								{"0":1,"1":1,"2":1},
								{"0":1,"1":"222222222222222222222","2":1}
							]
						}
					]
				}
			]}
		}),
		fields: [
			{
				"name":"0",
				"frozen":true
			},
			{
				"name":"1"
			},
			{
				"name":"2"
			}
		]
	});

</script>
</body></html>

                Comment

                  #9
                  We're still not reproducing this. Try these exact steps (this is what we did in the most recent attempt). If you still see the issue, the best we can recommend is to reinstall iOS on the device (http://support.apple.com/kb/HT1414)

                  1. Download the SmartClient 10.0d LGPL 2014-08-28 build from:
                  http://smartclient.com/builds/SmartClient/10.0d/LGPL/2014-08-28/SmartClient_v100d_2014-08-28_LGPL.zip

                  2. Unzip. Create a new smartclientSDK folder with the unzipped SmartClient_v100d_2014-08-28_LGPL/smartclientSDK/examples folder.

                  3. Copy the entire SmartClient_v100d_2014-08-28_LGPL/smartclientSDK/isomorphic folder into the newly-created folder SmartClient_v100d_2014-08-28_LGPL/smartclientSDK/examples/smartclientSDK

                  4. Save your test case into SmartClient_v100d_2014-08-28_LGPL/smartclientSDK/examples

                  5. Start the embedded server, clear Mobile Safari's cache, and then visit the test page in Mobile Safari. For example:
                  http://192.168.1.2:8080/examples/iPad_test.html
                  (or whatever the IP address is for the computer running the embedded server)

                  Comment

                  Previous template Next
                  Working...
                  X