hack-chat / main

a minimal, distraction-free chat application
https://hack.chat/
1.29k stars 221 forks source link

iOS safari display #209

Open Info-at-MoHA opened 1 year ago

Info-at-MoHA commented 1 year ago

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

STEPS TO REPRODUCE:

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 commented 1 year ago

@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 commented 1 year ago

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 commented 1 year ago

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 https://github.com/hack-chat/main/issues/209#issuecomment-1576834068, 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 commented 1 year ago

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

MinusGix commented 1 year ago

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

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

Info-at-MoHA commented 1 year ago

I tried most methods on the linked thread and the safari version is loading as seen still D55C7994-411F-4140-A2C6-5DD6787CBFCA E0A36F3A-061B-4FA2-AC74-A4D925ED7402 6D6A8109-EB59-4D6A-B22A-2621886B7E49

Info-at-MoHA commented 1 year ago

Firefox is slightly better as it will load the prior chats while typing, however the menu hamburger is still overlaid the chat composition box 54C5CE15-3909-4800-BD24-90212336C411

marzavec commented 1 year ago

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 commented 1 year ago

Once I click inside the chat composition box the keyboard does indeed push the box up. See screenshot 39A763B6-D3E7-499B-85BD-B3DBA9DC47BD However, once I start typing in safari, the composition box returns to its location behind the keyboard CC40F6AB-B02E-4346-B288-5C9555800F75 In Firefox it moves down but is not totally hidden FC893671-D1C6-4734-84CE-91442A863892

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 80BDC9EB-23A1-4B9D-A633-10F3D4BFE7F2

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.