iOS 7 UISearchDisplayController search bar overlaps status bar while searching

IosUisearchbarIos7StatusbarUisearchdisplaycontroller

Ios Problem Overview


I'm updating my app for iOS 7, and I'm in the process of adjusting all my views to account for the new transparent status bar (my app will still use opaque navigation bars).

It was relatively easy to adjust for the status bar in every view, except one major problem I'm having with a UISearchBar connected to a UISearchDisplayController in one of my view controllers.

The search bar seems to display normally, as shown below:

Search Bar

The problem is, as soon as I begin searching, the navigation bar disappears (as it should), but everything else also moves up to overlap the status bar:

Broken Search Bar

This doesn't appear to be working as intended, since the darkening of the screen happens 20 pixels below the search bar, where the search bar should end.

Is there a built in solution for this in iOS 7? I'd rather not have to manually adjust the frame for every view each time the user begins and ends searching.

Thanks!

Ios Solutions


Solution 1 - Ios

Putting the following line in the viewDidLoad fixed it for me:

self.edgesForExtendedLayout = UIRectEdgeNone;

Solution 2 - Ios

Thank you hodade for leading me on the right track! Your solution worked, except it only moved the search bar's frame, leaving my other subviews in the wrong spot. The only thing I changed was to move all the subviews in my view, as well as animate it.

Thanks!

-(void)searchDisplayControllerWillBeginSearch:(UISearchDisplayController *)controller {
    if ([[[UIDevice currentDevice] systemVersion] floatValue] >= 7.0) {
        CGRect statusBarFrame =  [[UIApplication sharedApplication] statusBarFrame];
        [UIView animateWithDuration:0.25 animations:^{
            for (UIView *subview in self.view.subviews)
                subview.transform = CGAffineTransformMakeTranslation(0, statusBarFrame.size.height);
        }];
    }
}

-(void)searchDisplayControllerWillEndSearch:(UISearchDisplayController *)controller {
    if ([[[UIDevice currentDevice] systemVersion] floatValue] >= 7.0) {
        [UIView animateWithDuration:0.25 animations:^{
            for (UIView *subview in self.view.subviews)
                subview.transform = CGAffineTransformIdentity;
        }];
    }
}

Solution 3 - Ios

You're may using no translucent navigation bar? If so, this will solve it.

- (void)searchDisplayControllerWillBeginSearch:(UISearchDisplayController *)controller {
    self.navigationController.navigationBar.translucent = YES;
}

- (void)searchDisplayControllerDidEndSearch:(UISearchDisplayController *)controller {
    self.navigationController.navigationBar.translucent = NO;
}

Solution 4 - Ios

Just place following code in -(void) ViewDidLoad. It will work for iOS 7 and later version

if (floor(NSFoundationVersionNumber) > NSFoundationVersionNumber_iOS_6_1) {
    self.edgesForExtendedLayout = UIRectEdgeNone;
}

UPDATE:

if(SYSTEM_VERSION_GREATER_THAN(@"6.1")) {
    self.edgesForExtendedLayout = UIRectEdgeNone;
}

Solution 5 - Ios

This seems to describe the problem I was having; hopefully it will help someone in my former positon.

  1. Subclass your SearchDisplayController that's been added to your UIViewController/UITablewViewController,

  2. Add something like this to its implementation:

      - (void)setActive:(BOOL)visible animated:(BOOL)animated
     {
         [super setActive:visible animated:animated];
    
         [self.searchContentsController.navigationController setNavigationBarHidden: NO animated: NO];
    
         CGRect frame = self.searchResultsTableView.frame;
         frame.origin.y = CGRectGetHeight(self.searchContentsController.navigationController.navigationBar.frame);
    
         frame.size.height = CGRectGetHeight(frame) - CGRectGetMinY(frame);
    
         self.searchResultsTableView.frame = frame;
    
         frame = self.searchBar.frame;
         self.searchBar.frame = frame;
    
         [self.searchContentsController.view insertSubview:self.searchBar aboveSubview:self.searchResultsTableView];
    
     }
    

Solution 6 - Ios

I did below code to solve the problem.

    - (void) viewDidLayoutSubviews
{
         if(floor(NSFoundationVersionNumber) > NSFoundationVersionNumber_iOS_6_1)
        {
            CGRect viewBounds = self.view.bounds;
            CGFloat topBarOffset = self.topLayoutGuide.length;
            viewBounds.origin.y = topBarOffset * -1;
            self.view.bounds = viewBounds;
        }
}

Solution 7 - Ios

I think maybe add this to viewDidLoad will help:

if([self respondsToSelector:@selector(setEdgesForExtendedLayout:)])
{
    self.edgesForExtendedLayout = UIRectEdgeNone;

}

Solution 8 - Ios

just add

self.definesPresentationContext = YES;

you can read more from here: UISearchController and definesPresentationContext

and from Apple documentation: UISearchController documentation

Note: UISearchDispalyController is deprecated in iOS7, use UISearchController instead in iOS8, method above use UISearchController

Solution 9 - Ios

In my case, the views below the search bar were at their right place, only the search bar was overlapping the status bar. In this case, this peace of code works fine:

- (void)searchDisplayControllerWillBeginSearch:(UISearchDisplayController *)controller {        
    if (SYSTEM_VERSION_GREATER_THAN_OR_EQUAL_TO(@"7.0")) {
        CGRect statusBarFrame =  [[UIApplication sharedApplication] statusBarFrame];
        CGRect frame = self.searchBar.frame;
        frame.origin.y += statusBarFrame.size.height;
        self.searchBar.frame = frame;
    }
}

- (void)searchDisplayControllerWillEndSearch:(UISearchDisplayController *)controller {
    if (SYSTEM_VERSION_GREATER_THAN_OR_EQUAL_TO(@"7.0")) {
        CGRect statusBarFrame =  [[UIApplication sharedApplication] statusBarFrame];
        CGRect frame = self.searchBar.frame;
        frame.origin.y -= statusBarFrame.size.height;
        self.searchBar.frame = frame;
    }
}

Hope it will be useful to others

Solution 10 - Ios

-(void)searchDisplayControllerWillBeginSearch:(UISearchDisplayController *)controller {
    if ([[[UIDevice currentDevice] systemVersion] floatValue] >= 7.0) {
        CGRect statusBarFrame =  [[UIApplication sharedApplication] statusBarFrame];
        CGRect frame = controller.searchBar.frame;
        frame.origin.y += statusBarFrame.size.height;
        controller.searchBar.frame = frame;
    }
}

-(void)searchDisplayControllerWillEndSearch:(UISearchDisplayController *)controller {
    if ([[[UIDevice currentDevice] systemVersion] floatValue] >= 7.0) {
        CGRect statusBarFrame =  [[UIApplication sharedApplication] statusBarFrame];
        CGRect frame = controller.searchBar.frame;
        frame.origin.y -= statusBarFrame.size.height;
        controller.searchBar.frame = frame;
    }
}

Solution 11 - Ios

The above answers only work if you have your navigation bar unhidden. If you have your navigation bar hidden try this:

-(void)viewDidAppear:(BOOL)animated{
if ([[[UIDevice currentDevice] systemVersion] floatValue] >= 7.0) {
    CGRect statusBarFrame =  [[UIApplication sharedApplication] statusBarFrame];
    [self.tableView setFrame:CGRectMake(self.tableView.frame.origin.x, self.tableView.frame.origin.y+statusBarFrame.size.height, self.tableView.frame.size.width, self.tableView.frame.size.height)];
    
    }
}

Based on this post: https://stackoverflow.com/questions/18975920/uisearchbar-overlaps-status-bar-in-ios

Solution 12 - Ios

Subclass your SearchDisplayController that's been added to your UIViewController/UITablewViewController and add this to its implementation -

- (void)setActive:(BOOL)visible animated:(BOOL)animated
{
    if(self.active == visible) return;
    [self.searchContentsController.navigationController setNavigationBarHidden:YES animated:NO];
    [super setActive:visible animated:animated];
    [self.searchContentsController.navigationController setNavigationBarHidden:NO animated:NO];
    if (visible) {
        [self.searchBar becomeFirstResponder];
    } else {
        [self.searchBar resignFirstResponder];
    }
}

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestiondesmondhumeView Question on Stackoverflow
Solution 1 - IosDeddiekoelView Answer on Stackoverflow
Solution 2 - IosdesmondhumeView Answer on Stackoverflow
Solution 3 - IostachibaView Answer on Stackoverflow
Solution 4 - IosMaxEchoView Answer on Stackoverflow
Solution 5 - IosMorkromView Answer on Stackoverflow
Solution 6 - IosSabareeshView Answer on Stackoverflow
Solution 7 - IosEVAView Answer on Stackoverflow
Solution 8 - IosEmperio SuperiorityView Answer on Stackoverflow
Solution 9 - IosAurelien PorteView Answer on Stackoverflow
Solution 10 - IoshodadeView Answer on Stackoverflow
Solution 11 - IosAndrew SchreiberView Answer on Stackoverflow
Solution 12 - IosG.T.View Answer on Stackoverflow