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

Android: Setting "backgroundColor" on a Window or View hides the TextFields grey underline denoting that it is editable

    Details

    • Type: Bug
    • Status: Closed
    • Priority: None
    • Resolution: Cannot Reproduce
    • Affects Version/s: Release 3.4.0
    • Fix Version/s: None
    • Component/s: Android
    • Environment:

      Description

      Problem Description

      In the Android OS TextFields should have a grey/black line underneath them when they are unfocused so users can see that it is an editable field. This line is not visible when the "backgroundColor" style is applied to any Windows/Views containing TextFields. This is a significant issue as it makes all TextFields look like Labels.

      The blue "focused" line appears ok.

      Steps to reproduce

      1. Create a simple project.
      2.Update app.js with test code

       
      var win = Ti.UI.createWindow({
        backgroundColor: '#fff',
        exitOnClose: true,
      });
       
      var aTextField2 = Ti.UI.createTextField({
      	height : 35,
      	top : 10,
      	left : 40,
      	width : 240,
      	hintText : 'This is hint text',
      	softKeyboardOnFocus : Ti.UI.Android.SOFT_KEYBOARD_DEFAULT_ON_FOCUS, // Android only
      	keyboardType : Ti.UI.KEYBOARD_DEFAULT,
      	returnKeyType : Ti.UI.RETURNKEY_DEFAULT,
      	borderStyle : Ti.UI.INPUT_BORDERSTYLE_ROUNDED
      });
      win.add(aTextField2);
       
      var aTextField = Ti.UI.createTextField({
      	height : 35,
      	top : 100,
      	left : 40,
      	width : 240,
      	hintText : 'This is hint text',
      	softKeyboardOnFocus : Ti.UI.Android.SOFT_KEYBOARD_DEFAULT_ON_FOCUS, // Android only
      	keyboardType : Ti.UI.KEYBOARD_DEFAULT,
      	returnKeyType : Ti.UI.RETURNKEY_DEFAULT,
      	borderStyle : Ti.UI.INPUT_BORDERSTYLE_ROUNDED
      });
      win.add(aTextField);
      win.open();
      

      3. Run on android device

        Attachments

          Activity

            People

            • Assignee:
              emerriman Eric Merriman
              Reporter:
              danr1979 Dan Roberts
            • Watchers:
              1 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved:

                Backbone Issue Sync

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

                  Git Integration