iOS 9 searchBar disappears from table header view when UISearchController is active

Asked 21/9, 2015 at 4:13 Answered 20/6, 2018 at 6:56

Solved ios swift uisearchbar ios9 uisearchcontroller

The structure:

View1 (click a button) -> present modally (MyModalView: UITableViewController)

MyModalView has UISearchController embedded. The searchBar of UISearchController is placed in MyModalView.tableView.tableHeaderView.

It's been working fine since iOS 8.0. However on iOS 9, the searchBar disappear when the UISearchController is active. Please take a look at theses pictures below

The modal view:

UISearchController active on iOS 8:

UISearchController active on iOS 9:

The very standard code:

override func viewDidLoad() {
    super.viewDidLoad()

    // Dynamically create a search controller using anonymous function
    self.resultSearchController = ({
        let controller = UISearchController(searchResultsController: nil)
        controller.searchResultsUpdater = self
        controller.dimsBackgroundDuringPresentation = false

        controller.searchBar.sizeToFit()
        controller.searchBar.delegate = self

        self.tableView.tableHeaderView = controller.searchBar

        return controller
    })()

    // Auto sizing row & cell height
    self.tableView.estimatedRowHeight = 130
    self.tableView.rowHeight = UITableViewAutomaticDimension
    self.definesPresentationContext = true

    // No footer for better presentation
    self.tableView.tableFooterView = UIView.init(frame: CGRectZero)
}

This issue also happens in iOS 9.1 beta...

Any idea / pointer would be deeply appreciated

Cheers.

Mordred answered 21/9, 2015 at 4:13 Comment(4)

For me, this only happens on the device (not in Simulator). – Spikes 9/10, 2015 at 14:47

Hi @IanDundas I posted my answer below would you want to try it to see if it'll fix your problem? – Mordred 11/10, 2015 at 11:49

yes, actually @Shwethascar's fixes it lucky - thanks though. Just adding some context for others, that it only happens for me on the actual device. – Spikes 12/10, 2015 at 20:59

Try searchController.hidesNavigationBarDuringPresentation = false – Peeved 2/12, 2016 at 9:14

It seems all of us got the same problem but they were solved in different ways. However none of the suggested answers worked for me :(. Nevertheless thank you all for your time.

I got a solution that solved my problem. It is setting Extend Edges - Under Opaque Bars of my (MyModalView: UITableViewController) to true in the Storyboard using Interface Builder.

In summary:

MyModalView: UITableViewController, in Storyboard using Interface Builder has

Extend Edges: - Under Top Bars ticked - Under Bottom Bars ticked - Under Opaque Bars ticked

Mordred answered 11/10, 2015 at 11:48 Comment(3)

Yep. Extend Edges: - Under Opaque Bars ticked in Storyboard did the trick. – Prop 6/4, 2016 at 9:20

This has been plaguing me for hours. Thank you so much. – Cartilaginous 3/8, 2016 at 23:10

Which properties do these checkboxes correspond to? Many people don't use Interface Builder. – Scoop 17/10, 2021 at 21:52

I'm not sure what exactly is the problem but I 'fixed' it by:

self.searchController.hidesNavigationBarDuringPresentation = NO;
self.definesPresentationContext = NO;

My guess is that UISearchController is doing something funky when it is trying to present as a navigation bar. So, this is a hack but it at least doesn't block the user. The search bar doesn't do the cool animation and cover up the navigation bar.

Donau answered 21/9, 2015 at 18:52 Comment(6)

Only needed the first line searchController.hidesNavigationBarDuringPresentation = false (swift) – Mercedezmerceer 7/6, 2016 at 13:48

Yes, Only need searchController.hidesNavigationBarDuringPresentation = false, That's real solution. – Peeved 2/12, 2016 at 9:13

NO,not a real solution .Wht if we need to hide navigation bar and SearchBar is hidden under statusbar..? – Chintz 20/12, 2016 at 13:28

I needed both these – Tryparsamide 11/5, 2017 at 20:5

This should be the accepted answer. This is the only thing that worked for me. Thanks. – Gulch 13/6, 2017 at 16:15

This is still the only answer I've found that fixes my problem. Agreed with above comments that the first part was sufficient. – Tortuga 16/7, 2020 at 20:21

It seems all of us got the same problem but they were solved in different ways. However none of the suggested answers worked for me :(. Nevertheless thank you all for your time.

I got a solution that solved my problem. It is setting Extend Edges - Under Opaque Bars of my (MyModalView: UITableViewController) to true in the Storyboard using Interface Builder.

In summary:

MyModalView: UITableViewController, in Storyboard using Interface Builder has

Extend Edges: - Under Top Bars ticked - Under Bottom Bars ticked - Under Opaque Bars ticked

Mordred answered 11/10, 2015 at 11:48 Comment(3)

Yep. Extend Edges: - Under Opaque Bars ticked in Storyboard did the trick. – Prop 6/4, 2016 at 9:20

This has been plaguing me for hours. Thank you so much. – Cartilaginous 3/8, 2016 at 23:10

Which properties do these checkboxes correspond to? Many people don't use Interface Builder. – Scoop 17/10, 2021 at 21:52

I found it's the simulated metrics (top bar) in storyboard that's cause this problem. In my case, the following lines work, but I still don't know why.

- (void)willPresentSearchController:(UISearchController *)searchController {
    // do something before the search controller is presented
    self.navigationController.navigationBar.translucent = YES;
}

-(void)willDismissSearchController:(UISearchController *)searchController
{
    self.navigationController.navigationBar.translucent = NO;
}

Caddish answered 22/9, 2015 at 14:34 Comment(5)

it happens even with pure code . I bet that translucent = false actually removes a view or something instead of disabling the translucent effect hence the search bar simply goes beyond the visible area – Wit 14/10, 2015 at 1:40

don't forget to set the searchController delegate to the class implementing these methods (usually self) – Corps 12/4, 2016 at 18:2

This was the solution that made it work for me! Thanks! – Rasla 23/8, 2016 at 11:23

searchController.searchBar.searchBarStyle = .default in willPresent and .minimal in willDismiss helped for me. – Mallarme 25/5, 2017 at 9:23

Solved our issue as well - in our case the navigationBar overlaps the searchBar - setting translucent to on / off during inside the delegates fixed the issue. – Religionism 23/8, 2017 at 15:32

I had to

self.aNavigationController?.extendedLayoutIncludesOpaqueBars = true

I found a similar question here but in my case it was not on the viewDidLoad method. I had to try different views until it worked. Now I can have both a custom navigation bar color and the search bar,

Wit answered 14/10, 2015 at 1:28 Comment(2)

Great Answer Jigzat ! – Sulphur 14/9, 2016 at 8:55

This should be added along with @David Trang answer. – Pneumoconiosis 8/11, 2017 at 14:15

Thanks @wiles duan and @Techprimate

In my case, I fixed this issue by setting:

self.definesPresentationContext = NO;

And implement the following 2 methods in UISearchControllerDelegate

- (void)willPresentSearchController:(UISearchController *)searchController {
    // do something before the search controller is presented
    self.navigationController.navigationBar.translucent = YES;
}

-(void)willDismissSearchController:(UISearchController *)searchController
{
    self.navigationController.navigationBar.translucent = NO;
}

Brooks answered 13/1, 2016 at 2:53 Comment(1)

I fixed mine by just implementing the delegate methods – Rafiq 21/7, 2016 at 7:11

I fixed it in my case by removing

definesPresentationContext = true

I didn't test yet if there are any disadvantages of removing this!

Volcanic answered 21/9, 2015 at 16:23 Comment(1)

Adding this fixed it for me. 😊 – Genie 31/3, 2017 at 2:9

I had the same problem, and when I debugged the UI on Xcode I found that the UISearchBar view was moved to another view and the width was zeroed.

I fixed it by setting definesPresentationContext property of the UISearchController to false, and setting it true for the containing UITableViewController.

I added only one line to your viewDidLoad().

override func viewDidLoad() {
    super.viewDidLoad()

    // Dynamically create a search controller using anonymous function
    self.resultSearchController = ({
        let controller = UISearchController(searchResultsController: nil)
        controller.searchResultsUpdater = self
        controller.dimsBackgroundDuringPresentation = false
        controller.definesPresentationContext = false    // Disable the presentation controller

        controller.searchBar.sizeToFit()
        controller.searchBar.delegate = self

        self.tableView.tableHeaderView = controller.searchBar

        return controller
    })()

    // Auto sizing row & cell height
    self.tableView.estimatedRowHeight = 130
    self.tableView.rowHeight = UITableViewAutomaticDimension
    self.definesPresentationContext = true    // This one remains the same

    // No footer for better presentation
    self.tableView.tableFooterView = UIView.init(frame: CGRectZero)
}

Quilmes answered 15/6, 2017 at 5:57 Comment(0)

I don't have a navigation bar in this place of an app. None of other SO posts helped me, so I've fixed it this way:

- (void)layoutSubviews
{
    [[[self searchController] searchBar] sizeToFit];
}

Prototrophic answered 15/5, 2016 at 17:18 Comment(0)

Setting the navigationBar permanently to translucent in storyboard solved my problem.

Neilneila answered 22/9, 2015 at 19:12 Comment(0)

It works

override func viewDidLoad() {
    super.viewDidLoad()

    self.extendedLayoutIncludesOpaqueBars = !self.navigationController!.navigationBar.translucent
}

Finegrained answered 26/7, 2016 at 18:28 Comment(2)

I had to do this in viewDidAppear otherwise it breaks again somehow. Thanks @Apple. – Chagres 28/8, 2016 at 15:54

This fixed it for me as well. Thanks – Imprecise 6/6, 2017 at 20:6

If you want to hide you navigation bar, and present search controller full screen, set the following on your navigation bar and search bar won't dissapper:

navigationController?.navigationBar.translucent = true

Twofold answered 14/4, 2016 at 15:25 Comment(0)

sc.hidesNavigationBarDuringPresentation = false

does the trick for me

lazy var searchController:UISearchController = {
        let sc = UISearchController(searchResultsController: nil)
        sc.searchResultsUpdater = self
        sc.obscuresBackgroundDuringPresentation = false
        sc.searchBar.placeholder = "Search"
        sc.hidesNavigationBarDuringPresentation = false
        return sc
    }()

Subulate answered 10/1, 2018 at 19:20 Comment(0)

None of them worked for me, I fixed it using this hack

func position(for bar: UIBarPositioning) -> UIBarPosition {
    if UIDevice.current.userInterfaceIdiom == .pad {
        return .top
    } else {
        if iOSVersion <= 9 {
            return .top
        }
        return .topAttached
    }


}

Leverett answered 20/6, 2018 at 6:56 Comment(0)

Hot tags

Godot Unity Godot Help Programming Godot 4.X GUI GDScript 3D 2D Physics CSharp Godot 3.X VR XR Projects C++

Recommended topics

Hot tags