robinwobin.dev
forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
FIX chatbox input for mobile (hope)
xan.lol
+14
-3
+14
-3
src/screens/Messages/components/MessagesList.tsx
+14
-3
src/screens/Messages/components/MessagesList.tsx
···
299
299
marginBottom: Math.max(keyboardHeight.get(), footerHeight.get()),
300
300
}))
301
301
302
-
const animatedStickyViewStyle = useAnimatedStyle(() => ({
303
-
// Removed negative translateY to prevent input from hovering over messages
304
-
}))
302
+
const animatedStickyViewStyle = useAnimatedStyle(() => {
303
+
// Only apply the negative translateY on mobile platforms.
304
+
// On web we leave the sticky view untranslated so the input doesn't hover over messages.
305
+
if (!isNative) {
306
+
return {
307
+
transform: [{translateY: 0}],
308
+
}
309
+
}
310
+
return {
311
+
transform: [
312
+
{translateY: -Math.max(keyboardHeight.get(), footerHeight.get())},
313
+
],
314
+
}
315
+
})
305
316
306
317
// -- Message sending
307
318
const onSendMessage = useCallback(