iOS safari display

[Info-at-MoHA]

SUMMARY:
When using hack chat on an iPhone, the keyboard is too large for the app to be used properly.

STEPS TO REPRODUCE:

• Open Safari on iOS 16.1.1 on an iPhone 12 in portrait mode.
• Join an existing chat room, for example, “hack.chat/?moha”
• Create a user name.
• Tap on the chat box.

EXPECTED RESULT:
I expect that I can see prior messages in the chat, the chat box I’m composing the message in, and the keyboard at the same time.

ACTUAL RESULT:
I can’t see prior chats or the chat box. I can only see the keyboard.

IMPACT:
It’s hard to compose a message, because I can’t see the conversation or what I’m typing right now.

ADDITIONAL NOTES:
I can use landscape mode as a little bit of a workaround. When I do that, I can see what I’m typing, but I still can’t see previous messages in the chat.

[veliebm]

@marzavec and team, we hope to hear from you soon about whether you can fix this or how to fix it on our end. OP represents the Museum of Human Achievement, a really cool art museum in Austin. They use hack chat at their drive-in events to help participants easily chat with each other. Participants have a lot of fun using it, but fixing this bug would be a really nice quality of life improvement for them :)

[marzavec]

There is a new client that is being developed, which has better cross browser compatibility- does https://beta.hack.chat/?moha work better on the device?

[Info-at-MoHA]

Thanks for the update. On the same phone beta.hack.chat/?moha works a bit better in that the response/chat box appears above the keyboard when typing. Hamburger icon and main menu hover over the start of the chat box so it's not possible to see the start of what the message being composed is. Prior messages are still only accessible if you scroll up, but not able to be seen while typing.

…

On Mon, Jun 5, 2023 at 8:43 AM marzavec ***@***.***> wrote: There is a new client that is being developed, which has better cross browser compatibility- does https://beta.hack.chat/?moha work better on the device? — Reply to this email directly, view it on GitHub <#209 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AK7VIY5UFFPWFWZEOUZNIILXJXO73ANCNFSM6AAAAAAYYX2AYM> . You are receiving this because you authored the thread.Message ID: ***@***.***>

-- *Zac Traeger (he/him)* Director | The Museum of Human Achievement <http://www.themuseumofhumanachievement.com/> 262-880-6982 Become a Member <https://withfriends.co/the_museum_of_human_achievement/join>

[marzavec]

#210 may have impacted this issue. Can you refresh without cache (usually Ctrl + F5) and test again?

[MinusGix]

You may have to do something like the method listed at https://apple.stackexchange.com/a/392786 of

• Toggling airplane mode on (and potentially data off?)
• Load the page (which will fail)
• Turn off airplane mode
• Load the page again

Mobile safari doesn't seem to have a nice way to clear the cache, it seems.

[Info-at-MoHA]

I tried most methods on the linked thread and the safari version is loading as seen still

[Info-at-MoHA]

Firefox is slightly better as it will load the prior chats while typing, however the menu hamburger is still overlaid the chat composition box

[marzavec]

Thanks for the screenshots, that'll be super helpful for updating the beta client. However, the recent changes only effect the legacy client; so it'd be something like https://hack.chat/?moha

[Info-at-MoHA]

Once I click inside the chat composition box the keyboard does indeed push the box up. See screenshot

However, once I start typing in safari, the composition box returns to its location behind the keyboard

In Firefox it moves down but is not totally hidden

In safari and Firefox the previous messages placed at the top of the screen with the user needing to scroll up to see the prior messages

in Firefox the screen also appears to be zoomed in, cutting off the start of the message, works fine on zoom out but resets when a new user message is posted.