I'm having some trouble hiding the keyboard in a mobile app with a chat hover the main UI (3).
On iPhone, this action is usually done by clicking on the zone (3) or dragging down. But in my application is not possible to perform such actions.
- Right now, I am using a
hide button(2) next to the input field, but users have some difficulties understanding how to hide it.
- In addition, they press the
close button(1) and leave this application area accidentally.
Note: in Android is not so problematic because the user can hide the keyboard with the "back" button.
*iPhone wireframe from Michelle