Titanium JIRA Archive
Titanium SDK/CLI (TIMOB)

[TIMOB-25646] iOS: After Listview Search overlay not appearing

GitHub Issuen/a
TypeBug
PriorityCritical
StatusClosed
ResolutionFixed
Resolution Date2018-01-23T19:24:42.000+0000
Affected Version/sRelease 7.0.1
Fix Version/sRelease 7.0.2
ComponentsiOS
Labelsescalation
ReporterVictor Vazquez Montero
AssigneeVijay Singh
Created2018-01-04T22:01:40.000+0000
Updated2018-01-24T22:24:17.000+0000

Description

description

after doing a list view search then clicking on overlay it is not shown.

how to reproduce

Run attached project Go to ListView Without search, when clicked on "ShowLoading" a Yellow view is overlaid on top of the list view Search for "Data1" When clicked on "ShowLoading" a Yellow view is not overlaid on top of the list view with search results.

Project

[^LIstViewSearchOverlaingOnOtherView.zip]

Additional information

customer has a pending release and is asking for an urgent fix/ workaround

Attachments

FileDateSize
app.zip2018-01-05T09:58:27.000+000015433
LIstViewSearchOverlaingOnOtherView.zip2018-01-04T21:59:21.000+0000707715
Screen_Shot_2018-01-04_at_11.28.49_AM.png2018-01-04T22:01:03.000+000062505
Screen_Shot_2018-01-04_at_11.29.03_AM.png2018-01-04T22:01:03.000+0000270135

Comments

  1. Vijay Singh 2018-01-05

    Hi, I did some workaround and updated the app folder as attached app.zip. Please replace the attached project's app folder with attached 'app' folder. "Rather using Widget in list view , create a Window with all widget data and open/close as per need. Please find updated code inside attached "app.zip"." Let me know, if this works for you. Thanks!
  2. Victor Vazquez Montero 2018-01-05

    [~vijaysingh] I've shared this with the customer and will let you know if this works for them Thank you
  3. Vijay Singh 2018-01-14

    Test Case 1(TiUITableView) : 
        
   var rows = [];
     for (var i = 0; i < 20; i++) {
         rows.push({ title: 'Row '+ i});
     }
     var win = Ti.UI.createWindow({
       title: 'TEST',
       backgroundColor: '#ffffff',
     }); 
     var sb = Ti.UI.createSearchBar();
     var lv = Ti.UI.createTableView({
           hideSearchOnSelection: false,
           data: rows,
           search: sb,
       });
      
     sb.setHintText("test");
     sb.addEventListener('change', function(e){
       Ti.API.info(e.value);
     });
     sb.addEventListener('return', function(e){
       sb.blur();
     });
     lv.addEventListener('click', function(e) {
       Ti.API.info('click at index: ' + e.index);
       widgetView.visible = true;
       activityIndicator.show();
     });
   
     var widgetView = Ti.UI.createView({
     backgroundColor : 'yellow',
     visible : false,
     elevation: 24,
     opacity: '20%'
     });
   
     var activityIndicator = Ti.UI.createActivityIndicator({
       color: 'green',
       font: {fontFamily:'Helvetica Neue', fontSize:26, fontWeight:'bold'},
       message: 'Loading...',
       style: Ti.UI.ActivityIndicatorStyle.DARK,
       top:10,
       left:10,
       height:Ti.UI.SIZE,
       width:Ti.UI.SIZE
     });
   
     var button = Ti.UI.createButton({
       title : 'Close',
       bottom : 30
     });
   
     button.addEventListener('click', function(e){
       widgetView.visible = false;
       activityIndicator.hide();
     });
   
     win.add(lv);
     win.add(widgetView);
     win.add(button);
     var navWin = Ti.UI.iOS.createNavigationWindow({window: win});
     navWin.open();
    Test Case2 (TiUIListView) : 
        var rows = [];
     for (var i = 0; i < 20; i++) {
         rows.push({ properties: { title: 'Row '+ i , backgroundColor: 'red', searchableText:'Row '+i}});
     }
     var win = Ti.UI.createWindow({
       title: 'TEST',
       backgroundColor: '#ffffff',
     }); 
     var sb = Ti.UI.createSearchBar();
      
     var ls = Ti.UI.createListSection({
       items: rows
     });
      var lv = Ti.UI.createListView({
       sections: [ls],
       searchView: sb,
     });
      
     sb.setHintText("test");
     sb.addEventListener('change', function(e){
       Ti.API.info(e.value);
     });
     sb.addEventListener('return', function(e){
       sb.blur();
     });
     lv.addEventListener('itemclick', function(e) {
       Ti.API.info('click at index: ' + e.itemIndex);
       widgetView.visible = true;
       activityIndicator.show();
     });
   
     var widgetView = Ti.UI.createView({
     backgroundColor : 'yellow',
     visible : false,
     elevation: 24,
     opacity: '20%'
     });
   
     var activityIndicator = Ti.UI.createActivityIndicator({
       color: 'green',
       font: {fontFamily:'Helvetica Neue', fontSize:26, fontWeight:'bold'},
       message: 'Loading...',
       style: Ti.UI.ActivityIndicatorStyle.DARK,
       top:10,
       left:10,
       height:Ti.UI.SIZE,
       width:Ti.UI.SIZE
     });
   
     var button = Ti.UI.createButton({
       title : 'Close',
       bottom : 30
     });
   
     button.addEventListener('click', function(e){
       widgetView.visible = false;
       activityIndicator.hide();
     });
   
     win.add(lv);
     win.add(widgetView);
     win.add(button);
     var navWin = Ti.UI.iOS.createNavigationWindow({window: win});
     navWin.open();
  4. Vijay Singh 2018-01-14

    PR (master) - https://github.com/appcelerator/titanium_mobile/pull/9730 PR (7_0_X) - https://github.com/appcelerator/titanium_mobile/pull/9731
  5. Vijay Singh 2018-01-16

    Consolidated Test Cases can be found here - https://gist.github.com/vijaysingh-axway/e76b9451c2ae87c76fc9df707385cdac
  6. Abir Mukherjee 2018-01-23

    Passed FR.
  7. Abir Mukherjee 2018-01-24

    Verified fix is found in: SDK 7.0.2.v20180124113923 SDK 7.1.0.v20180124115505

JSON Source