From 9499d4343db3107ef97243894d7310e3de3daa60 Mon Sep 17 00:00:00 2001 From: Hailey Date: Thu, 16 May 2024 08:09:14 -0700 Subject: [🐴] A few tweaks to message input on native (#4035) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * tweaks * only apply the padding on ios * use a hitslop of 10 instead * version bump --- src/screens/Messages/Conversation/MessageInput.tsx | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) (limited to 'src/screens/Messages/Conversation/MessageInput.tsx') diff --git a/src/screens/Messages/Conversation/MessageInput.tsx b/src/screens/Messages/Conversation/MessageInput.tsx index 2b3ee45df..632544723 100644 --- a/src/screens/Messages/Conversation/MessageInput.tsx +++ b/src/screens/Messages/Conversation/MessageInput.tsx @@ -19,6 +19,7 @@ import { useMessageDraft, useSaveMessageDraft, } from '#/state/messages/message-drafts' +import {isIOS} from 'platform/detection' import * as Toast from '#/view/com/util/Toast' import {atoms as a, useTheme} from '#/alf' import {PaperPlane_Stroke2_Corner0_Rounded as PaperPlane} from '#/components/icons/PaperPlane' @@ -97,13 +98,20 @@ export function MessageInput({ value={message} multiline={true} onChangeText={setMessage} - style={[a.flex_1, a.text_md, a.px_sm, t.atoms.text, {maxHeight}]} + style={[ + a.flex_1, + a.text_md, + a.px_sm, + t.atoms.text, + {maxHeight, paddingBottom: isIOS ? 5 : 0}, + ]} keyboardAppearance={t.name === 'light' ? 'light' : 'dark'} scrollEnabled={isInputScrollable} blurOnSubmit={false} onFocus={scrollToEnd} onContentSizeChange={onInputLayout} ref={inputRef} + hitSlop={HITSLOP_10} />