Hey there, I have a mobile optimised web app with a chat function.
It works similar to WhatsApp, you see your list of chats then click into them to have a conversation.
The problem I’m having is when a user clicks into a chat, sometimes the back button is unresponsive. This means the user can’t exit the chat.
It seems to work sometimes and sometimes not. The back button is held in a floating group at the top of the page.
The other element on the page, a bottom floating group has no problem and always works well. If you click on the multiline input it tends to wake the top floating group up, also pages of size > 500 don’t have this problem.
Here are some photos: Initial Chat List
Conversation with floating group at top:
Any help would be super appreciated