Uploaded image for project: 'Titanium SDK/CLI'
  1. Titanium SDK/CLI
  2. TIMOB-12710

MobileWeb: Setting 'bottom' and 'right' properties for child elements of 'scrollView' causing strange result.

    Details

    • Type: Bug
    • Status: Closed
    • Priority: Critical
    • Resolution: Won't Fix
    • Affects Version/s: None
    • Fix Version/s: None
    • Component/s: MobileWeb
    • Environment:

      Chrome 24.0, Chrome 26.0, Firefox 18, TI SDK 3.0.23

      Description

      Problem
      MobileWeb: View position is not consistent with expected results in other platforms. See example code and screenshots.

      Steps to reproduce:
      1) open project from attachment.
      2) Run it (as mobile web)

      Expected result:
      see expected_in_android.png

      Actual result
      see actual_in_webview.png

      Code:

      	var win = Ti.UI.createWindow({
      	backgroundColor: 'black'
      });
       
      var self = Ti.UI.createScrollView({
      		width : 400,
      		height : 400,
      		backgroundColor : 'red'
      	})
      var customView = Ti.UI.createView({
      		backgroundColor : 'green',
      		width : 50,
      		height : 100,
      		right : 25,
      		bottom : 50
      	})
       
      var customView1 = Ti.UI.createView({
      		backgroundColor : 'yellow',
      		width : 50,
      		height : 100,
      		right : 50,
      		bottom : 100
      	}) 
      	
      var customView2 = Ti.UI.createView({
      		backgroundColor : 'blue',
      		width : 50,
      		height : 100,
      		right : 75,
      		bottom : 150
      	})
      	
      var customView3 = Ti.UI.createView({
      		backgroundColor : 'cyan',
      		width : 50,
      		height : 100,
      		right : 0,
      		bottom : 0
      	});
       
      	self.add(customView);
      	self.add(customView1);
      	self.add(customView2);
      	self.add(customView3);
      	win.add(self);
      	
      win.open();
      

        Attachments

        1. actual_in_webview.png
          10 kB
          Carter Lathrop
        2. expected_in_android.png
          22 kB
          Carter Lathrop
        3. scrollViewBottomBug_actual.png
          5 kB
          Stanislav Fedorenko
        4. scrollViewBottomBug_expected.png
          5 kB
          Stanislav Fedorenko

          Activity

            People

            • Assignee:
              cbarber Chris Barber
              Reporter:
              clathrop Carter Lathrop
            • Watchers:
              1 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved:

                Backbone Issue Sync

                • Titanium SDK/CLI <> Titanium Mobile
                  Synced with:
                  TIMOB-15621
                  Sync status:
                  ERROR
                  Last received:
                  Last sent:

                  Git Integration