Fix mobile web keyboard covering input box · cameron.stream/co@5c5ad53

A React Native app for the ultimate thinking partner.

Fix mobile web keyboard covering input box

On mobile web, position absolute does not account for viewport shrinking
when keyboard appears. Changed to position fixed on web so input stays
above keyboard in the visual viewport.

Native iOS/Android keep position absolute (KeyboardAvoidingView handles it).

🐾 Generated with [Letta Code](https://letta.com)

Co-Authored-By: Letta <noreply@letta.com>

cameron.stream 4 months ago 5c5ad532 bdd13c0d

1 changed file

expand all

src

screens

ChatScreen.tsx

src/screens/ChatScreen.tsx

··· 259 259 paddingBottom: Platform.OS === 'ios' ? 24 : 12, 260 260 borderTopWidth: 1, 261 261 borderTopColor: 'rgba(255, 255, 255, 0.08)', 262 + ...Platform.select({ 263 + web: { 264 + // @ts-ignore - web-only property 265 + position: 'fixed', 266 + }, 267 + }), 262 268 }, 263 269 });