From 9107a645958b45083fec44716beb61fb9a794e3c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Zo=C3=AB?= <zoe@guido-it.nl>
Date: Sun, 9 Aug 2026 12:53:12 +0200
Subject: [PATCH] fix(workout-builder): handle keyboard overlap on builder
 screen

---
 .../workout-builder/screens/BuilderScreen.tsx         | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/features/workout-builder/screens/BuilderScreen.tsx b/src/features/workout-builder/screens/BuilderScreen.tsx
index 0aaf74f..359cc8b 100644
--- a/src/features/workout-builder/screens/BuilderScreen.tsx
+++ b/src/features/workout-builder/screens/BuilderScreen.tsx
@@ -1,5 +1,5 @@
 import { useState } from "react";
-import { View, Text, TextInput, Pressable, ScrollView, Alert } from "react-native";
+import { View, Text, TextInput, Pressable, ScrollView, Alert, KeyboardAvoidingView, Platform } from "react-native";
 import { useTranslation } from "react-i18next";
 import { useNavigation } from "@react-navigation/native";
 import type { NativeStackNavigationProp } from "@react-navigation/native-stack";
@@ -39,7 +39,12 @@ export function BuilderScreen() {
   };
 
   return (
-    <ScrollView className="flex-1 bg-white">
+    <KeyboardAvoidingView
+      className="flex-1"
+      behavior={Platform.OS === "ios" ? "padding" : "height"}
+      keyboardVerticalOffset={Platform.OS === "ios" ? 90 : 0}
+    >
+      <ScrollView className="flex-1 bg-white" contentContainerStyle={{ paddingBottom: 40 }}>
       <View className="p-4">
         <Text className="text-2xl font-bold text-slate-900 mb-1">{t("buildWorkout")}</Text>
         <Text className="text-slate-500 mb-4">
@@ -163,6 +168,8 @@ export function BuilderScreen() {
           </Text>
         </Pressable>
       </View>
+      </View>
     </ScrollView>
+    </KeyboardAvoidingView>
   );
 }