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

iOS: SearchBar inside Table/ListView barColor changed on focus

    Details

    • Type: Bug
    • Status: Open
    • Resolution: Unresolved
    • Affects Version/s: None
    • Fix Version/s: None
    • Component/s: None
    • Environment:

      iOS 8.1
      Titanium 3.5.0.GA
      Alloy 5.1.GA

      Description

      SearchBar inside ListView / TableView (as searchView), when gets focus no matter what ever the barColor is set changed to a light grey color. Even changing the barColor on focus event once again, doesn't help. It doesn't happen when using standalone search bar, outside list / table view.

      Screenshots attached.

      Below is the sample code from http://docs.appcelerator.com/titanium/latest/#!/api/Titanium.UI.ListView

      The bar color stays black until it is focused. When it is focused for first time, a alpha is applied on it and never turns back to the actual back even if after blur event or barColor property set again.

      <Alloy>
          <Window fullscreen="true">
              <ListView>
                  <!-- Sets ListView's searchView property.
                       For Android, you can also do <SearchView platform="android" />
                       to use a Ti.UI.Android.SearchView instead of a search bar. -->
                  <SearchBar barColor="#000" />
       
                  <!-- Sets ListView's headerView property -->
                  <HeaderView>
                      <View backgroundColor="#DDD" height="Ti.UI.SIZE">
                          <Label>Header View</Label>
                      </View>>
                  </HeaderView>
       
                  <ListSection>
                      <ListItem title="Papaya" searchableText="Papaya"/>
                      <ListItem title="Peach" searchableText="Peach"/>
                      <ListItem title="Pear" searchableText="Pear"/>
                      <ListItem title="Persimmon" searchableText="Persimmon"/>
                      <ListItem title="Pineapple" searchableText="Pineapple"/>
                      <ListItem title="Pluot" searchableText="Pluto"/>
                      <ListItem title="Pomegranate" searchableText="Pomegranate"/>
                  </ListSection>
       
                  <!-- Sets ListView's footerView property -->
                  <FooterView>
                      <View backgroundColor="#DDD" height="Ti.UI.SIZE">
                          <Label>Footer View</Label>
                      </View>
                  </FooterView>
              </ListView>
          </Window>
      </Alloy>
      

        Attachments

          Activity

            People

            • Assignee:
              sliang Shuo Liang
              Reporter:
              mano_mykingdom Manojkumar Murugesan
            • Watchers:
              0 Start watching this issue

              Dates

              • Created:
                Updated:

                Backbone Issue Sync

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

                  Git Source Code