InputToolbar appears in front of tabbar

[srinathp90]

I've UITabBarController. This tabBar will appears behind the JSQMessagesInputToolbar. How can i make this JSQMessagesViewController smaller? am not using container view. This happens after updating to v7.3.2.I need to show InputToolbar above the tab bar. Please help me i attached the screenshot. @jessesquires @mombrea

[Sorix]

I have the same issue on JSQMessagesViewController (from branch develop).

[Lucashuang0802]

@srinathp90 @Sorix Do you think you guys can replicate from the demo app? It's easier to debug 😄

[rurza]

The same, but in my case it's behind toolbar.

View hierarchy:

EDIT:

I didin't read FAQ.

[Sorix]

@Lucashuang0802, I’ve reproduced bug at demo project.

My steps:

1. Embedded Navigation Controller into Tab Bar.
2. Switched chat modal segue to push segue (no tabs will be in modal segue).
3. Added badges to Tab Bars, so you can see that chat is overlapping tabs incorrectly.

Demo project with bug reproduced: https://github.com/Sorix/JSQMessagesViewController/tree/tabbar-bug/SwiftExample

At screenshot you can see part of tab bar items’ badges.

Also I think that bug more visible will be if we will modify tab bar height.

[cwalo]

How about just hiding the TabBar when the MessagesViewController is pushed? messagesViewController.hidesBottomBarWhenPushed = true

[Sorix]

@cwalo, that is not correct solution, it's bad "hack" and somebody may need to show tab bar and chat simultaneously,

[cwalo]

@Sorix I wouldn't necessarily call it a hack, but now that the expected/desired behavior is clearer, I agree that it's not the solution.

[Praveeeenn]

@Sorix do u found any solution , i also suffer from this in my case, input toolbar hide on the tabbar... plz help me if you got any solution

[algrid]

Currently inputToolbar is used as an inputAccessoryView for the ViewController. And it behaves the way it is. The only option I see to fix this is to not make it inputAccessoryView and control manually its position on keyboard show/hide. That's a bit of work, though.

[tapan-nathvani]

is there any solution to show TabBar ?

[apwelsh]

I use RDVTabBarController, and the older version of this tool (2.7?). With this combo, it works.

[tapan-nathvani]

As i am in the middle of the project, i cant change TabBar controller... Is there any solution in this tool to show TabBar with input toolbar ?

[MacMeDan]

You can just make a content inset for the view to allow this. But it is a horrible idea because of the keyboard coming up. There is no way you should have a tabBar on a screen where the keyboard is shown IMO.

[jessesquires]

Hello everyone!

I'm sorry to inform the community that I'm officially deprecating this project. 😢 Please read my blog post for details:

http://www.jessesquires.com/blog/officially-deprecating-jsqmessagesviewcontroller/

Thus, I'm closing all issues and pull requests and making the necessary updates to formally deprecate the library. I'm sorry if this is unexpected or disappointing. Please know that this was an extremely difficult decision to make. I'd like to thank everyone here for contributing and making this project so great. It was a fun 4 years. 😊

Thanks for understanding, — jsq

[Luten]

Found a workaround by shifting toolbar frame by bottomSpacing = tabbar height:

- (void) layoutSubviews {
    [super layoutSubviews];
    CGRect origFrame = self.frame;
    origFrame.origin.y = _keyboardIsVisible ? 0 : -self.bottomSpacing;
    self.frame = origFrame;
}

Strangely it works well in JSQMessagesInputToolbar, but it's lost after animations if I do this in UIView that wraps toolbar, or maybe I'm missing something..