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

iOS: Buttons in a text field: Left button not centered & right button does not show on focus

    Details

    • Type: Story
    • Status: Closed
    • Priority: None
    • Resolution: Invalid
    • Affects Version/s: Release 5.1.0
    • Fix Version/s: None
    • Component/s: None
    • Environment:

      Mac OSX El Capitan 10.11 (15A284)
      Ti SDK: 5.1.0.v20151113005238
      Appc Studio: 4.4.0.201511130407
      Appc NPM: 4.2.1
      Appc CLI: 5.1.0-53
      Ti CLI: 5.0.4
      Alloy: 1.7.25
      Xcode 7.1(7B91b)
      Node v0.12.7
      production

      Description

      Description:

      This is a regression between 5.0.2.GA - 5.1.0. The left button within a text field is no longer centered, but still responsive. The right button does not become visible upon focus of the text field.

      Steps to reproduce:

      1. appc ti sdk select 5.0.2.GA
      2. Create a classic project.
      3. Use following example code in app.js:

      var win = Ti.UI.createWindow({
          backgroundcolor: 'red'
          });
          
          var leftButton = Titanium.UI.createButton({
              style:Titanium.UI.iPhone.SystemButton.DISCLOSURE
          });
          var rightButton = Titanium.UI.createButton({
              style:Titanium.UI.iPhone.SystemButton.INFO_DARK
          });
          
          leftButton.addEventListener('click',function()
          {
              Titanium.UI.createAlertDialog({
                  title:'Text Fields',
                  message:'You clicked the left button'
              }).show();
          });
          
          rightButton.addEventListener('click',function()
          {
              Titanium.UI.createAlertDialog({
                  title:'Text Fields',
                  message:'You clicked the right button'
              }).show();
          });
          
          
          var tf1 = Titanium.UI.createTextField({
              color:'#336699',
              height:35,
              top:100,
              left:10,
              width:250,
              borderStyle:Titanium.UI.INPUT_BORDERSTYLE_ROUNDED,
              leftButton:leftButton,
              rightButton:rightButton,
              leftButtonMode:Titanium.UI.INPUT_BUTTONMODE_ALWAYS,
              rightButtonMode:Titanium.UI.INPUT_BUTTONMODE_ONFOCUS
          });
          
      win.add(tf1);
      win.open();
      

      4. No issue with buttons in a text field.
      5. appc ti sdk select 5.1.X SDK.
      6. run the same example code.
      7. Issue with buttons in a text field occurs.

      Result:

      Buttons in a text field issue should occur with 5.1.X SDK builds.

      Expected Result:

      Left button should be centered and right button should become visible upon text field focus.

        Attachments

          Activity

            People

            • Assignee:
              hknoechel Hans Knöchel
              Reporter:
              htbryant Harry Bryant
            • Watchers:
              0 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved:

                Backbone Issue Sync

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

                  Git Integration