Summary
On iOS, when the message input is focused the input row (text field + Send/Update button) is covered by the software keyboard — there is no KeyboardAvoidingView (or equivalent) lifting it above the keyboard.
Observed
During on-device edit testing (iPhone 16 sim, iOS 26.5): tapping the message input raised the keyboard and the input row + "Update" button were hidden behind it. Sending still works via the keyboard's return key (onSubmitEditing → handleSend), but the Send/Update button is unreachable by tap and the field isn't visible while typing.
Impact
- Can't see the text being typed / can't tap Send while the keyboard is up (must use the keyboard return key).
- Pre-existing — not introduced by the notification/delete/edit work; surfaced while testing it.
Fix
Wrap the chat view / MessageInput in KeyboardAvoidingView (with platform-appropriate behavior) or a community keyboard controller so the input floats above the keyboard. Confirm the exact current behavior manually first.
Acceptance
File: react-app/src/components/MessageInput.tsx (+ Chat.tsx layout).
Summary
On iOS, when the message input is focused the input row (text field + Send/Update button) is covered by the software keyboard — there is no
KeyboardAvoidingView(or equivalent) lifting it above the keyboard.Observed
During on-device edit testing (iPhone 16 sim, iOS 26.5): tapping the message input raised the keyboard and the input row + "Update" button were hidden behind it. Sending still works via the keyboard's return key (
onSubmitEditing→handleSend), but the Send/Update button is unreachable by tap and the field isn't visible while typing.Impact
Fix
Wrap the chat view /
MessageInputinKeyboardAvoidingView(with platform-appropriatebehavior) or a community keyboard controller so the input floats above the keyboard. Confirm the exact current behavior manually first.Acceptance
File:
react-app/src/components/MessageInput.tsx(+Chat.tsxlayout).