I might be wrong, and don't want to sham on all the hard work of the library creator and contributors, but it seems that this project is missing some key functionality of the interactive keyboard + custom inputAccessoryView:

I ran the example and I noticed:

• The content inset / visible cells aren't adjusted when the keyboard is shown/hidden as in Facebook/WhatsApp
• The input accessory view's animation lags when dragging the keyboard up and down

Am I missing something here?

Thanks

I am having an issue with the inputBarAccessoryView within an app.

We need to set a draft message that was previously stored. This is done using:

inputBar.inputTextView.text = draftMessage

In our app this causes the inputBarTextView to grow past the top of the screen (going underneath status bar) and the inputBarTextView is left unscrollable so you cannot scroll within it. However, when I reproduced this in the example app, the box doesn't go beyond the maximum height, however, it is still not scrollable, so the same issue has been encountered.

If you look in the console when this happens, it is due to some conflicting constraints and so the end result in UI depends on which constraints the system decides to break.

2018-10-22 14:01:14.392632+0100 Example[63316:4832764] [LayoutConstraints] Unable to simultaneously satisfy constraints.
	Probably at least one of the constraints in the following list is one you don't want. 
	Try this: 
		(1) look at each constraint and try to figure out which you don't expect; 
		(2) find the code that added the unwanted constraint or constraints and fix it. 
(
    "<NSLayoutConstraint:0x600003df63f0 UIView:0x7fb4e6e4a740.bottom == UILayoutGuide:0x6000027c55e0'UIViewSafeAreaLayoutGuide'.bottom - 6   (active)>",
    "<NSLayoutConstraint:0x600003df63a0 V:|-(0)-[InputBarAccessoryView.InputStackView:0x7fb4e6e55c40]   (active, names: '|':Example.iMessageInputBar:0x7fb4e6e47a40 )>",
    "<NSLayoutConstraint:0x600003df6350 InputBarAccessoryView.InputStackView:0x7fb4e6e55c40.bottom == UIView:0x7fb4e6e4a740.top - 6   (active)>",
    "<NSLayoutConstraint:0x600003dda300 '_UITemporaryLayoutHeight' Example.iMessageInputBar:0x7fb4e6e47a40.height == 0   (active)>",
    "<NSLayoutConstraint:0x600003df5e00 'UIViewSafeAreaLayoutGuide-bottom' V:[UILayoutGuide:0x6000027c55e0'UIViewSafeAreaLayoutGuide']-(0)-|   (active, names: '|':Example.iMessageInputBar:0x7fb4e6e47a40 )>"
)

To reproduce in example app, I set long text at the end of viewDidLoad within CommonTableViewController.

inputBar.inputTextView.text = """
"""

I pasted about 10 paragraphs of lorum ipsum within the string.

I'm using MessageKit. When my chat VC presents a VC as a pagesheet the InputBarAccessoryView goes away, which is good. However if you then power off the device then turn it back on the InputBarAccessoryView is suddenly on screen. Alternatively, when you take a screenshot and then touch the thumbnail in the corner the InputBarAccessoryView shows up too.

You can easily recreate this yourself. I added a little bit of code to the MessageKit example app. Add the following to ChatViewController.swift's viewDidLoad():

DispatchQueue.main.asyncAfter(deadline: .now() + 3) {
    let vc = UIViewController.init()
    vc.view.backgroundColor = .red
    vc.modalPresentationStyle = .pageSheet //or use .formSheet, .overFullScreen, .overCurrentContext
    self.present(vc, animated: true)
}

All it does is showing a plain red VC shortly after the chat is on screen.

Then:

• start the MessageKit example app
• choose Basic Example (or any other)
• activate the text field to pop up the keyboard
• wait for the red VC to pop up
• press the power button, then turn device back on and unlock (works in simulator too)
• InputBarAccessoryView is on screen, while it shouldn't
• instead of using the power button, make a screenshot instead, then touch the thumbnail in the corner of the screen (only works on physical device)

Notice the issue only occurs if the text field is activated before presenting the VC (step 3)

If you are using the attachment plugin and you add an attachment, if the text view container size changes after attaching, then the plugin does not get removed properly when the attachments are removed. I have reproduced this with the sample project's Slack style bar.

Attach an image, and then type in multiple lines of text, and then remove the image. A large swath of whitespace remains where the attachment plugin was.

Sorry I not good at English In Chat view controller, I present a ImageView that has dismissal. When i just try dismiss and release, not dismiss completion. inputbar automatic appear. Please help me to prevent inputbar appear

getting this error No such module 'InputBarAccessoryView'

there is no pod file in root of example folder

Also, this error occur

directory not found for option '-F/Users//Library/Developer/Xcode/DerivedData//Build/Products/Debug-iphonesimulator/InputBarAccessoryView'

How do you set the text input to only grow to a maximum number of lines before it becomes scrollable instead.

I have seen the ability to set the maximum height of the view, however, this value is automatically set at certain places in the code.

To set the max height height to 3 lines, I currently have the following.

        inputBar.shouldAutoUpdateMaxTextViewHeight = false
        inputBar.maxTextViewHeight = 70

However, the maxTextViewHeight can be set back to default by a method for if the view moves to a new window. Not sure when this might happen though.

Do you know if the above is the best way of achieving this? Or if there is a nicer way?

Hi I am trying to add on a Pop Over view using Apple UIPopoverPresentationController, however when I'm trying to present. It does not cover the input bar and textfield. Anyone can give some suggestion on how should I achieve that?

We implemented the InputBarAccessoryView in a messaging view controller, it uses Apple's QuickLook to preview images. Once an image is opened in QuickLook, i can swipe dismiss the image or use the Done button to dismiss the image. If i use the swipe dismiss, the inputBarAccessoryView disappears from the messaging view controller, but will slowly animated back to the view controller after 100 seconds; this problem is only reproducible on iOS 13. Tapping the Done button in the QuickLook view doesn't cause this problem. Any suggestion is appreciated, thanks.

Does InputBarAccessoryView support this? I'm trying to replicate Messenger's / iMessage feature. When you tap images / stickers / something else a view covers the keyboard giving you a selection.

I've been trying to do it myself by adding the view to the keyboard's window. It works fine when keyboard is already shown. I just get it's frame and add a view to it's window. I'm having trouble getting it to show smoothly from the bottom alongside keyboard when keyboard was not shown yet. I get the frame and animation options from the keyboardWillChangeFrame notification and animate frames but the view keep showing up from the top left corner of the screen. I've been trying to call layoutIfNeeded on keyboard's window but no luck.

Describe the bug My app crashes on iOS 15.5 when adding attachments when an AttachmentManager dataSource is defined

To Reproduce Add the following code to the CommonTableViewController.swift file After line 29:

		manager.dataSource = self

After line 250

extension CommonTableViewController: AttachmentManagerDataSource {
	func attachmentManager(_ manager: AttachmentManager, cellFor attachment: AttachmentManager.Attachment, at index: Int) -> AttachmentCell {
		let indexPath = IndexPath(row: index, section: 0)
		
		// Only images are supported by default
		switch attachment {
		case .image(let image):
			guard let cell = manager.attachmentView.dequeueReusableCell(withReuseIdentifier: ImageAttachmentCell.reuseIdentifier, for: indexPath) as? ImageAttachmentCell else {
				fatalError()
			}
			cell.attachment = attachment
			cell.indexPath = indexPath
			cell.manager = manager
			cell.imageView.image = image
			return cell
			
		default:
			return manager.attachmentView.dequeueReusableCell(withReuseIdentifier: AttachmentCell.reuseIdentifier, for: indexPath) as! AttachmentCell
		}
	}
}

Compile and run the example app. Select the Slack row in the InputAccessoryView section Tap on the photo library button Select a photo App crashes at line 205 in AttachmentManager.swift file with a "Fatal error: Index out of range"

Expected behavior I expected the photo to be added as an attachment

Screenshots None

Environment

• What version of InputBarAccessoryView are you using? 5.5
• What version of iOS are you running on? 15.5
• What version of Swift are you running on? 5.5
• What device(s) are you testing on? Are these simulators? On a Simulator
• Is the issue you're experiencing reproducable in the example app? Yes

Additional context Replace line 205 with the following code:

        if indexPath.row == attachments.count && showAddAttachmentCell {
            return nil
        }
        
        let attachment = attachments[indexPath.row]
        if let customSize = self.dataSource?.attachmentManager(self, sizeFor: attachment, at: indexPath.row){

I just updated to MessageKit 4.0. My chats are shown on a pagesheet VC. When the keyboard shows on iPad the input bar goes up way too much. This is on an iOS 16.0 simulator:

It used to work fine on older versions.

Describe the bug The inputBarAccessoryView is shown along with the UIAlertController, when presented as .actionSheet, works fine for .alert.

To Reproduce Steps/code to reproduce the behavior:

1. Open up the example project from MessageKit.
2. Go to Advanced Example.
3. Tap on the InputBarAccessoryView's text view to open the keyboard.
4. When the keyboard is open, tap on the camera icon.

Expected behavior The keyboard is hidden and the action sheet is presented.

Screenshots

Environment

• What version of InputBarAccessoryView are you using? 5.4.0
• What version of iOS are you running on? - iOS 16.0 Beta
• What version of Swift are you running on? - Swift 5.7
• What device(s) are you testing on? Are these simulators? - Yes, the iOS simulator for iPhone 13 Pro.
• Is the issue you're experiencing reproducible in the example app? - The example app from the MessageKit, yes.

Additional context Add any other context about the problem here. The issue happens with iOS 16 only. Works fine with the latest iOS 15.

Describe the bug When QLPreviewController is dismissed using the swipe gesture, MessageInputBar hides and reappears slowly.

To Reproduce

1. Tap on the keyboard
2. Present a photo using QLPreviewController ( modalPresentationStyle = .fullScreen )
3. dismiss QLPreviewController by swipe gesture

func presentQLPreviewController() {
    let controller = QLPreviewController()
    controller.modalPresentationStyle = .fullScreen
    controller.dataSource = self
    self.present(controller, animated: true)
}

Expected behavior InputBarAccessoryView should show immediately.

Screenshots

Environment

• What version of InputBarAccessoryView are you using? - 6.1.0
• What version of iOS are you running on? - iOS 15.5
• What version of Swift are you running on? - Swift 5
• What device(s) are you testing on? Are these simulators? - iPhone / iPad
• Is the issue you're experiencing reproducable in the example app? - Yes

Hi, thanks for your work. I wanted to ask how could I achieve what is in the attached image below (WhatsApp input bar top stack for status reply). I also attached what I have achieved so far with below code.

func configInputbarForReply(title: String?, subtitle: String?, image: UIImage?) { let attributed = NSMutableAttributedString(string: title ?? "", attributes: [.font : UIFont.systemFont(ofSize: 13, weight: .semibold), .foregroundColor: UIColor(named: kblackOnWhiteColor)!]) let attributedTextMessage = NSMutableAttributedString(string: subtitle ?? "", attributes: [.font : UIFont.systemFont(ofSize: 12, weight: .regular), .foregroundColor: UIColor(named: kblackOnWhiteColor)!]) if self.traitCollection.userInterfaceStyle == .dark { self.postSampleImageButton.backgroundColor = .systemGray5 self.postCaptionButtonLabel.backgroundColor = .systemGray5 self.replierNameButtonLabel.backgroundColor = .systemGray5 } else { self.postSampleImageButton.backgroundColor = .systemGray2 self.postCaptionButtonLabel.backgroundColor = .systemGray2 self.replierNameButtonLabel.backgroundColor = .systemGray2 }

    self.postSampleImageButton.setSize(CGSize(width: 50, height: 50), animated: false)
    self.postSampleImageButton.contentHorizontalAlignment = .fill
    self.postSampleImageButton.contentVerticalAlignment = .fill
    self.postSampleImageButton.contentEdgeInsets = UIEdgeInsets(top: 10, left: ScreenSize.Width - 40, bottom: 8, right: 20)
    self.postSampleImageButton.image = UIImage(named: "appLogo")?.withRoundedCorners(radius: 5)
    self.postSampleImageButton.contentMode = .scaleAspectFill
    self.replierNameButtonLabel.setAttributedTitle(attributed, for: .normal)
    self.postCaptionButtonLabel.setAttributedTitle(attributedTextMessage, for: .normal)
    self.postCaptionButtonLabel.titleLabel?.numberOfLines = 1
    self.postCaptionButtonLabel.titleLabel?.lineBreakMode = .byTruncatingTail
    self.postCaptionButtonLabel.setTitleColor(UIColor(named: kBLACKONWHITECOLOR), for: .normal)
    self.postCaptionButtonLabel.contentHorizontalAlignment = .left
    self.postCaptionButtonLabel.contentEdgeInsets = UIEdgeInsets(top: 10, left: 10, bottom: 15, right: 20)
    self.replierNameButtonLabel.contentHorizontalAlignment = .left
    
    if image != nil {
        self.replierNameButtonLabel.contentEdgeInsets = UIEdgeInsets(top: 5, left: 10, bottom: 8, right: 20)
        self.inputBar.setStackViewItems([self.postSampleImageButton, self.replierNameButtonLabel, self.postCaptionButtonLabel], forStack: .top, animated: true)
    } else {
        self.replierNameButtonLabel.contentEdgeInsets = UIEdgeInsets(top: 20, left: 10, bottom: 20, right: 20)
        self.inputBar.setStackViewItems([self.replierNameButtonLabel, self.postCaptionButtonLabel], forStack: .top, animated: true)
    }
    
    inputBar.isHidden = false
    self.inputBar.inputTextView.becomeFirstResponder()
}

Hi, Is there a way to interact with the custom view in the top stack view. I have multiple buttons horizontally stacked within a UIView which is inside the top stack view. However, I am not able to tap any of the buttons.

The inline docs for InputStackView state

A UIStackView that's intended for holding InputItems

Important Notes

1. Default alignment is .fill
2. Default distribution is .fill
3. The distribution property needs to be based on its arranged subviews intrinsicContentSize so it is not recommended to change it

but the setup function sets the alignment to .bottom

    open func setup() {
        translatesAutoresizingMaskIntoConstraints = false
        distribution = .fill
        alignment = .bottom
    }

I'm uncertain as to which was intended.