Keyboard overlaping on input textfield issue on mobile

[MiralGondaliya]

[munafio]

@MiralGondaliya you should not open an issue without providing a details! please update you issue description with the details required to be solved.

[roqstarco]

@munafio

We have this issue. When opening the Chat window on a mobile device the keybord of the mobile phone pops up and is covering the text input field of the chat. So the user can type but is not seeing the text input field and what he is typing. We tried to fix it but it's not working.

The chat is within a main <div ="row"> but that shouldn't be the issue. Content should move up somehow when keyboard is openend but doesn't.

Thanks.

[roqstarco]

@munafio Any idea what could be the issue?

[munafio]

@munafio Any idea what could be the issue?

I'll fix this issue in the next releases, currently you can modify the css styling to fit your needs.

[roqstarco]

@munafio Ok, that would be amazing! We tried everything CSS wise but it didn't work.

[munafio]

@roqstarco I have fixed this issue by changing the layout of the messaging area (header, messages area, input card) and added a js code listening on the resize event to make the messaging area fit the height of the viewport on change.

This fix will be included with the coming release v1.5.6.