[TIMOB-27446] iOS: When blurring SearchBar with ListView overlay doesn't behave well on iOS 13

GitHub Issue	n/a
Type	Bug
Priority	Critical
Status	Closed
Resolution	Fixed
Resolution Date	2019-10-10T13:45:35.000+0000
Affected Version/s	Release 8.2.1, Release 8.2.0
Fix Version/s	Release 8.2.1
Components	iOS
Labels	engSchedule, listview, searchBar
Reporter	Rene Pot
Assignee	Vijay Singh
Created	2019-10-04T10:56:26.000+0000
Updated	2020-10-05T08:01:24.000+0000

Description

The SearchBar in a ListView on iOS 13 doesn't behave at all. Positioning is off, blurring doesn't work properly and once you do blur overlay doesn't go away. It works well with 8.2.0.GA on iOS 12. Reproducible code. No related tss/js code, just open this up.

<Alloy>
    <NavigationWindow>
        <Window backgroundColor="white" id="indexWin">
            <ListView id="listView" defaultItemTemplate="template">
                <SearchBar id="mysearch" barColor="#DC3DC3" />
                <Templates>
                    <ItemTemplate name="template" height="150">
                        <!-- <ImageView bindId="pic" id="icon" /> -->
                        <Label bindId="info" id="title" />
                        <Label bindId="es_info" id="subtitle" />
                    </ItemTemplate>
                </Templates>
                <ListSection>
                    <ListItem info:text="Apple" es_info:text="Apple" />
                    <ListItem info:text="Banana" es_info:text="Banana" />
                    <ListItem info:text="Papaya" es_info:text="Papaya" />
                    <ListItem info:text="Orange" es_info:text="Orange" />
                    <ListItem info:text="Carrot" es_info:text="Zanahoria" />
                    <ListItem info:text="Potato" es_info:text="Patata" />
                    <ListItem info:text="Tomato" es_info:text="Tomato" />
                    <ListItem info:text="Beans" es_info:text="Beans" />
                    <ListItem info:text="Corn" es_info:text="Maiz" />
                    <ListItem info:text="Rice" es_info:text="Arroz" />
                </ListSection>
            </ListView>
        </Window>
    </NavigationWindow>
</Alloy>

Attachments

File	Date	Size
Screen Shot 2019-10-04 at 8.52.01 AM.png	2019-10-04T15:54:45.000+0000	119498
Simulator Screen Shot - iPhone 11 - 2019-10-04 at 13.25.23.png	2019-10-04T11:25:39.000+0000	60444

Comments

Vijay Singh 2019-10-04

PR(master) - https://github.com/appcelerator/titanium_mobile/pull/11263 PR(8_2_X) - https://github.com/appcelerator/titanium_mobile/pull/11264 Test Case - ListView -

     var rows = [];
     for (var i = 0; i < 40; i++) {
       var title = 'Row '+ i;
       rows.push({ properties: { title:title  , backgroundColor: 'red', searchableText:title}});
     }
     var win = Ti.UI.createWindow({
   	  title: 'TEST',
   	  backgroundColor: 'white',
   	  layout: 'vertical'
     }); 
     var sb = Ti.UI.createSearchBar();
   
     var ls = Ti.UI.createListSection({
     items: rows,
     sectionHeaderTitle: 'Section header',
     });
     var lv = Ti.UI.createListView({
       sections: [ls],
       searchView: sb,
     });
   
     sb.setHintText("test");
   
     sb.addEventListener('return', function(e){
     	sb.blur();
     });
   
     win.add(lv);
     var navWin = Ti.UI.iOS.createNavigationWindow({window: win});
     navWin.open();

TableView -

        var rows = [];
       for (var i = 0; i < 20; i++) {
           var title = 'Row '+ i;
           rows.push({ title: title});
         }
       var win = Ti.UI.createWindow({
         title: 'TEST',
         backgroundColor: '#ffffff'
       });
        
       var nav = Ti.UI.iOS.createNavigationWindow({ 
         window: win,
        });
        
       var sb = Ti.UI.createSearchBar();
        
       var lv = Ti.UI.createTableView({
           hideSearchOnSelection: false,
           data: rows,
           search: sb,
       });
   
       sb.addEventListener('return', function(e){
       	sb.blur();
       });
    
       win.add(lv);
       nav.open();

Sohail Saddique 2019-10-09

FR: Passed. Waiting on Jenkins
Sohail Saddique 2019-10-10

Verified on latest build: 8.2.1.v20191009074714 Ticked closed.
Mallik Majety 2019-10-11

Hi, when is 8.2.1 going to be released? Our app is affected by this bug and is critical.
Rene Pot 2019-10-11

[~mallik.majety] you could download 8.2.1 now already (the latest nightly) http://builds.appcelerator.com/ or, you could cherry pick this PR and compile it on top of the current 8.2.0 for example. See https://devblog.axway.com/mobile-apps/patch-titanium-sdk-using-cherry-picking/
Jorge Yau 2019-10-30

barColor works fine on 8.2.1 but what about the rest of the color elements? they're ignored.

JSON Source