From 5d0ddd65874f15744be48b270ef7582ec4dc23ce Mon Sep 17 00:00:00 2001
From: Eli Mallon <eli@iame.li>
Date: Thu, 11 Jun 2026 14:27:01 -0700
Subject: [PATCH] app: KeyboardAvoidingView for login

---
 js/app/components/login/login-modal.tsx | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/js/app/components/login/login-modal.tsx b/js/app/components/login/login-modal.tsx
index 12bf7615b..8fbafe7a7 100644
--- a/js/app/components/login/login-modal.tsx
+++ b/js/app/components/login/login-modal.tsx
@@ -1,6 +1,13 @@
 import { Text, useTheme, zero } from "@streamplace/components";
 import { X } from "lucide-react-native";
-import { Modal, Pressable, TouchableOpacity, View } from "react-native";
+import {
+  KeyboardAvoidingView,
+  Modal,
+  Platform,
+  Pressable,
+  TouchableOpacity,
+  View,
+} from "react-native";
 import LoginForm from "./login-form";
 
 interface LoginModalProps {
@@ -27,7 +34,8 @@ export default function LoginModal({
       animationType="fade"
       onRequestClose={onClose}
     >
-      <View
+      <KeyboardAvoidingView
+        behavior={Platform.OS === "ios" ? "padding" : "height"}
         style={[
           zero.layout.flex[1],
           zero.layout.flex.center,
@@ -79,7 +87,7 @@ export default function LoginModal({
             onOpenPdsModal={onOpenPdsModal}
           />
         </Pressable>
-      </View>
+      </KeyboardAvoidingView>
     </Modal>
   );
 }
-- 
2.51.2