Input button InputToolbar not working

Question

I work with JSQMessagesViewController and Firebase to implement the chat function in my application. Everything was fine in my ChatViewController. But now I have moved my ChatViewController to the container view, which is inside the parent view controller, and now the send button does not work when the keyboard expands.

In other words, to send a chat message, I have to call view.endEditing(true) on the parent view controller, which itself is in the UITabBarController, and then the submit button will work. But while the keyboard expands, the submit button does not respond. below is my ChatViewController code ...

 import Foundation import UIKit import FirebaseDatabase import JSQMessagesViewController final class ChatViewController: JSQMessagesViewController { var outgoingBubbleImageView: JSQMessagesBubbleImage! var incomingBubbleImageView: JSQMessagesBubbleImage! var fireRootRef: FIRDatabaseReference! var chatMessages = [JSQMessage]() var messagesRefHandle: UInt! var chatChannelId: String! override func viewDidLoad(){ super.viewDidLoad() self.inputToolbar.contentView.textView.backgroundColor = UIColor.clear inputToolbar.alpha = 0.7 ... } override func viewWillAppear(_ animated: Bool){ super.viewWillAppear(animated) } override func viewDidAppear(_ animated: Bool){ super.viewDidAppear(animated) } func setupView(){ ... } override func viewWillDisappear(_ animated: Bool) { super.viewDidDisappear(animated) removeChatObserver() } func removeChatObserver(){ ... } private func setupMessageBubbles() { ... } override func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int { return chatMessages.count } override func collectionView(_ collectionView: JSQMessagesCollectionView!, messageBubbleImageDataForItemAt indexPath: IndexPath!) -> JSQMessageBubbleImageDataSource! { let message = chatMessages[indexPath.item] if message.senderId == senderId { return outgoingBubbleImageView } else { return incomingBubbleImageView } } override func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell { let cell = super.collectionView(collectionView, cellForItemAt: indexPath) as! JSQMessagesCollectionViewCell let message = chatMessages[indexPath.item] if message.senderId == senderId { cell.textView!.textColor = UIColor.white } else { cell.textView!.textColor = UIColor.black } return cell } override func collectionView(_ collectionView: JSQMessagesCollectionView!, layout collectionViewLayout: JSQMessagesCollectionViewFlowLayout!, heightForMessageBubbleTopLabelAt indexPath: IndexPath!) -> CGFloat { let message = chatMessages[indexPath.item] if message.senderId == self.senderId { return 0 } if indexPath.item > 0 { let previousMessage = chatMessages[indexPath.item - 1] if previousMessage.senderId == message.senderId { return 0 } } return kJSQMessagesCollectionViewCellLabelHeightDefault } override func collectionView(_ collectionView: JSQMessagesCollectionView!, attributedTextForMessageBubbleTopLabelAt indexPath: IndexPath!) -> NSAttributedString! { let message = chatMessages[indexPath.item] switch message.senderId { case senderId: return nil default: guard let senderDisplayName = message.senderDisplayName else { assertionFailure() return nil } return NSAttributedString(string: senderDisplayName) } } //no avatar images override func collectionView(_ collectionView: JSQMessagesCollectionView!, avatarImageDataForItemAt indexPath: IndexPath!) -> JSQMessageAvatarImageDataSource! { return nil } override func didPressSend(_ button: UIButton!, withMessageText text: String!, senderId: String!, senderDisplayName: String!, date: Date!) { print("DID PRESS SEND") let fireMessagesRef = fireRootRef.child("messages").child(chatChannelId) let itemRef = fireMessagesRef.childByAutoId() let messageItem = [ "text": text, K.MessageKeys.senderIdKey: senderId, "displayName": senderDisplayName, ] itemRef.setValue(messageItem) JSQSystemSoundPlayer.jsq_playMessageSentSound() finishSendingMessage() } override func didPressAccessoryButton(_ sender: UIButton!) { // } private func observeMessages() { ... } func addMessage(id: String, text: String, name: String) { ... } } 

I would like to fix the submit button so that the user can click Submit when expanding the keyboard. Interestingly, in order to reject the keyboard, I have to call view.endEditing(true) on the parent view controller, and not on the child view itself. This made me think that I needed to configure the button action on the parent view, but I did not succeed. Thank you for your help.

Answer 1

I think the jsq collection view covers the input view, so you click on the collection view, not the submit button. Put a breakpoint at - (void)jsq_didReceiveKeyboardWillChangeFrameNotification:(NSNotification *)notification in the JSQMessagesViewController , check if CGRectGetHeight(keyboardEndFrame) and insets.bottom to set the bottom view of the collection to have enough space to display the look of the input in your container. The problem is that the jsq controller uses autorun to configure subviews, the collection view is aligned with its topLayoutGuide and bottomLayoutGuide , which is the stuff of the controller when you put the view controller in another view controller, which can cause confusion.

Take iPhone 6 (s) / 7 plus, for example, the keyboard height is 271, the inputtoolbar is 44 heights in the controller, so therefore CGRectGetHeight(keyboardEndFrame) + insets.bottom should be 315. Put a breakpoint on this line, check CGRectGetHeight(keyboardEndFrame) + insets.bottom it is whether the amount is 315, if not, it means that something is incorrectly calculated.

Update for solution If the reason is really mentioned above, try to solve this problem.

 self.additionalContentInset = UIEdgeInsets(top: 0, left: 0, bottom: 44, right: 0) 

This will add a bottom insert to the collection view. Add this after viewDidLoad