Send button not completely visible

[christyleos]

• Buoy version: 0.3.2
• Platform: iPhone 10.0.1
• Browser: Safari
• URL: https://buoyde.vps-1952.devpanel.net/wp-admin/?page=buoy_chat&buoy_hash=d8827005ba6d886764a0cb19c22681867c2d598217d73b69d71851f6be10748c&buoy_nonce=ee3fa95742
• Is it reproducible: Yes

  Steps to Produce/Reproduce

  1. User received the email and clicked on the alert link which sent them to the Buoy alert page.
  2. Clicked on respond and user went to chat room.
  3. User can see the place where you type responses and the entire send button is visible.
  4. When user clicks on the response area it auto zooms in.
  5. The send button is now missing everything but the letter S.

     Expected Results

Once user typed in their message and clicked done on the keyboard, they expected the chat area to zoom back out and for the button to be completely visible.

Actual Results

When user clicked done on the screen keyboard, they only saw part of the send button.

Workarounds

User squeezed their smartphone screen with their fingers so it manually zooms back out

[fabacab]

User squeezed their smartphone screen with their fingers so it manually zooms back out

Oops, it sounds like either:

• the initial view on this screen is not configured correctly for (some?) mobile devices, or
• the user accidentally zoomed-in without realizing it.

In either case, we should adjust the viewport options on the chat template to handle this, so that zooming doesn't get confusing. There's no need to zoom on this screen in mobile view anyway. I.e., it might be as simple as disallowing the user-scalable option. See "Using the viewport meta tag" for details.