UISearchController searchBar in tableHeaderView animating out of the screen

Question

I have a UISearchController with a UITableViewController as a searchResultsController, the UISearchBar of this searchController is set to be in the tableHeaderView of my current tableView displayed in my root ViewController. Almost everything is working well, as expected. But in the animation of the UISearchBar (When i click on the searchBar and the UINavigationBar hides and the searchBar goes to the top, as in the UISearchDisplayController) i have a strange behavior. Instead of moving to the position of the UINavigationBar (y: 0), it jumps out of the screen and than starts the animation that shows the cancel button. I tried moving my instantiate code to the viewDidLoad instead of init, and the things are just the same. I think that the center of the problem is in the frame of the searchResultsController's view, but i'm not sure about that(I tried setting the frame, without success). Everything that i am doing is in pure code.

Here is the relevant part of the code:

- (void) viewDidLoad { 
    [super viewDidLoad];

    // search controller setup
    self.searchController = [[UISearchController alloc] initWithSearchResultsController:self.searchResultsController];
    self.searchController.delegate = self;
    self.searchController.searchResultsUpdater = self;
    self.searchController.searchBar.delegate = self;

    [self.searchController.searchBar sizeToFit];
    self.tableView.tableHeaderView = self.searchController.searchBar;

    self.searchController.definesPresentationContext = YES;
}

And i have a lazy load for the searchResultsController:

- (UITableViewController *)searchResultsController {
    if (_searchResultsController == nil) {
        _searchResultsController = [[UITableViewController alloc] initWithStyle:UITableViewStylePlain];
        _searchResultsController.tableView.delegate = self;
        _searchResultsController.tableView.dataSource = self;
    }
    return _searchResultsController;
}

I've downloaded the sample code from apple, but they use storyBoards and a xib for UITableViewCell, the SearchController works perfectly in the project. Does anyone had the same problem? How can i fix this? Any solutions or suggestions would be appreciated.

Thanks for the attention.

Crudden

Did you ever figure out this issue? Currently having a similar problem with my search bar. – Monster

No, Lorenzo. Unfortunately i used the deprecated api for this issue. With storyboards it seems to work in a good manner(i tried the example app from apple), but in the code i got this weird error. – Crudden

Alright thanks anyways. Could you elaborate on the method you used that worked? I've been looking at Apple's example as well and they use storyboards for the table and detail view but all of the search bar components are done in code, is this what you did? – Monster

Never mind! I just noticed I missed the line self.definesPresentationContext = YES; which ended up being crucial. – Monster

See if this previous thread is of any help: #28326769 – Morrill

Answer 1

Add

self.extendedLayoutIncludesOpaqueBars = YES;

on viewDidLoad method

Prewitt

Working with UITableViewController together with UISearchController, this fixed this issue for me. – Derris

Answer 2

Have you tried to set the hidesNavigationBarDuringPresentation to false? Solved my headache..

self.searchController.hidesNavigationBarDuringPresentation = false;

Putting the searchbar in the navigation bar gives a more solid user experience in my opinion (for iphone)

self.navigationItem.titleView = self.searchController.searchBar;

Koran

Amazing this is exactly what I was looking for, thanks a lot. Indeed the search bar should be in the navigation bar. – Crawl

This worked for me too, thanks! The obvious question is why? – Lamonicalamont

Worked for me too!. Thanks. The apple example does not even talk about this option. – Darby

I had a UIView as a container for the search bar, between the nav bar and a table view for results. I had to set self.definesPresentationContext to false to prevent the container from jumping down by about 44 pixels when the search bar was activated. – Cartwheel

self.searchController.hidesNavigationBarDuringPresentation = false; fixed it for me as well! Thank you! – Tebet

Perfect..worked for me..! I added searchbar to navigationItem titleview – Stiff

Answer 3

To make this clearer @Lorenzo's answer worked for me.

self.definesPresentationContext = YES;

Apricot

Man you are my hero of the day! – Serrano

The opposite worked for me! I had a UIView as a container for the search bar, between the nav bar and a table view for results. I had to set self.definesPresentationContext to false to prevent the container from jumping down by about 44 pixels when the search bar was activated. – Cartwheel

Answer 4

Try this out:

First you need to delegate the

UISearchControllerDelegate

For Swift

func willPresentSearchController(searchController: UISearchController) {
    self.navigationController?.navigationBar.translucent = true
}

func willDismissSearchController(searchController: UISearchController) {
    self.navigationController?.navigationBar.translucent = false
}

Fouquet

Answer 5

In Swift, try:

override func viewDidLoad() {
    edgesForExtendedLayout = []
    searchController.hidesNavigationBarDuringPresentation = false

    // ...
}

Kevel

Answer 6

I noticed that the UISearchController works perfectly in one of the my views but not the other. The problem was with the UITableViewController and not the UIViewController. If you switch to a UIViewController with a UITableView inside it and properly constrained there are no issues. I implemented mine with a XIB and it worked perfectly.

Unbind

This comment lead me in the right direction to solve my issue. The constraints described in Option B of this SO answer fixed my issue: https://mcmap.net/q/470621/-how-to-stick-top-of-the-uitableview-to-the-bottom-of-the-uisearchbar – Urrutia

Answer 7

SWIFT 3.01

func willPresentSearchController(searchController: UISearchController){
self.navigationController?.navigationBar.isTranslucent = true
}

func willDismissSearchController(searchController: UISearchController) {
self.navigationController?.navigationBar.isTranslucent = false
}

Hanaper

Answer 8

In my case the searchBar was in the tableHeaderView and there was no NavigationBar on screen. But the SearchBar still animated upwards overlapping the status bar when becoming active. The solution to prevent this was to set:

searchController.hidesNavigationBarDuringPresentation = false

Which is weird because as I said the view controller was not using a navigation bar.

Epenthesis