Chat widget - input won't gain focus

After deploying chat widget, I can click on the emoji and close button, but when clicking on the input it won't gain focus.

This only happens when we open that side window you see in the screenshot. I'm in React, using MUI (a library of components), and they call that one a "drawer". The container of the drawer has a "position: fixed", same as the chat's container. I thought the issue could be they might be stealing each other's click events, and tried playing a bit with the css, but didn't solve (and it would still left leave the question of how the other buttons of the chat are getting clicks through, but not the input).

Marking high priority as this is a show stopper for going to production and this is the current sprint Use Case.

From Adam Smith (asmith@smartcert.tech)

Please authenticate to join the conversation.

Upvoters
Status

Completed

Board

πŸ› Report Bug

Tags

High Priority

Date

12 days ago

Author

cwhiteman

Subscribe to post

Get notified by email when there are changes.