[TIMOB-18418] iOS: SearchBar inside Table/ListView barColor changed on focus

GitHub Issue	n/a
Type	Bug
Priority	n/a
Status	Open
Resolution	Unresolved
Affected Version/s	n/a
Fix Version/s	n/a
Components	n/a
Labels	ios, listview, searchbar, tableview
Reporter	Manojkumar Murugesan
Assignee	Shuo Liang
Created	2015-01-19T18:14:13.000+0000
Updated	2015-03-25T18:07:44.000+0000

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

File	Date	Size
After focus.png	2015-01-19T18:14:13.000+0000	99189
Before focus.png	2015-01-19T18:14:13.000+0000	105380

Comments

Manojkumar Murugesan 2015-01-20

Hi, Please let me know whether it is replicated on your end. Thanks, Manoj
Shuo Liang 2015-01-21

Hi, Thank you for your reply, I can reproduce your problem. And will forward this ticket to our engineer team. They will take care it. Regards, Shuo
Dan Tamas 2015-01-22

+1, have this issue too Also on iPad on focus it changes the barColor as well, even if is not set as search to a tableview/listview Thank you
Manojkumar Murugesan 2015-03-25

Hey, any update on this issue?

JSON Source