SearchBar goes out of UINavigationItem frame when it is active

Question

I placed searchController's searchBar in navigationItem as the titleView as follows:

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

Although it fits perfectly when it is not selected (cancel item is not shown), if it becomes first responder and cancel item appears next to the searchBar, it slides under of the navigationItem slightly. You can see the result below:

How can I fix this? Is there a workaround?

score 0 · Answer 1 · answered Nov 01 '17 at 07:15

0

You should use self.navigationItem.searchController instead of self.navigationItem.titleView.

self.navigationItem.searchController = self.searchController;

Learn more here https://developer.apple.com/documentation/uikit/uinavigationitem/2897305-searchcontroller

answered Nov 01 '17 at 07:15

trungduc

11,926
4
31
55

It only available for iOS 11 though – Tj3n Nov 01 '17 at 07:17
It creates a new line under navigationBar and show the searchBar there. I must show searchBar between quit and cancel items in one line as it shown in the figure. – Dorukhan Arslan Nov 01 '17 at 07:19
Did you try to add self.definesPresentationContext = YES; – trungduc Nov 01 '17 at 07:22
One more, you can try my answer in this question https://stackoverflow.com/questions/46940042/uisearchbar-modifying-its-frame-bounds-when-clicked/46992046#46992046 – trungduc Nov 01 '17 at 07:24
@trungduc self.definesPresentationContext didn't affect the position of searchBar. – Dorukhan Arslan Nov 01 '17 at 07:35
@DorukhanArslan Please take a look at the link in my above reply. – trungduc Nov 01 '17 at 07:39
It's not working. As far as I understand, this is an iOS 11-specific case. Since searchController.searchBar's height is 56, it doesn't fit in navigation item with height = 44. – Dorukhan Arslan Nov 08 '17 at 06:22

score -1 · Answer 2 · answered Nov 01 '17 at 07:28

-1

Use below code

if #available(iOS 11.0, *) {
     navigationItem.searchController = searchController
} else {
     // Fallback on earlier versions
     navigationItem.titleView = searchController?.searchBar
}

answered Nov 01 '17 at 07:28

Rishi Chaurasia

520
4
18

See the comment I write for trungduc please. – Dorukhan Arslan Nov 01 '17 at 07:31

SearchBar goes out of UINavigationItem frame when it is active

2 Answers2