gray-mueller / gray-mueller/food-ordering-app-clone-using-react-js

Typing Bar Hides Behind Keyboard in Chat - Enatega Multivendor Customer App

Open
#335 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
0
Forks
0
PR merge metrics
No merged PRs in 30d

Description

Describe the bug
In the Enatega Multivendor Customer App, there is an issue with the typing bar in the chat with the rider. When typing a message, the typing bar hides behind the keyboard and does not reappear until clicking anywhere else, rather than staying attached to the keyboard.

To Reproduce
Steps to reproduce the behavior:

Open a chat with a rider.
Start typing a message.
Observe the behavior of the typing bar in relation to the keyboard.
Expected behavior
The typing bar should stay attached to the keyboard while typing, ensuring a seamless and user-friendly chat experience.

Screenshots

RPReplay_Final1710227686.1.mov
Smartphone:

Device: iOS only

Contributor guide

Open the contributing guide

Research direction

Start from the customer app's rider chat screen and reproduce the issue on iOS while focusing on the typing bar and keyboard behavior. Trace the chat input and keyboard handling to identify why the bar is hidden while typing; done means the bar remains attached to the keyboard during message entry and the behavior is verified on iOS.

Written by the indexing model from the issue text.

Assessment

Tech stack
ios, react, typescript
Domain
frontend, mobile
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
52/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.