From 54003e7dc57dfe3e8ac77d9f2b09104415bbafbf Mon Sep 17 00:00:00 2001
From: Samuel Newman <mozzius@protonmail.com>
Date: Mon, 30 Sep 2024 15:16:08 +0300
Subject: [PATCH] allow scrolling with keyboard open

---
 src/view/com/composer/photos/GifAltTextDialog.tsx   |  7 ++++---
 src/view/com/composer/photos/ImageAltTextDialog.tsx | 11 ++++++++---
 2 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/src/view/com/composer/photos/GifAltTextDialog.tsx b/src/view/com/composer/photos/GifAltTextDialog.tsx
index 99bacf4811..6cc1275ad2 100644
--- a/src/view/com/composer/photos/GifAltTextDialog.tsx
+++ b/src/view/com/composer/photos/GifAltTextDialog.tsx
@@ -12,7 +12,6 @@ import {
   parseEmbedPlayerFromUrl,
 } from '#/lib/strings/embed-player'
 import {enforceLen} from '#/lib/strings/helpers'
-import {isAndroid} from '#/platform/detection'
 import {Gif} from '#/state/queries/tenor'
 import {GifEmbed} from '#/view/com/util/post-embeds/GifEmbed'
 import {atoms as a, native, useTheme} from '#/alf'
@@ -98,7 +97,7 @@ export function GifAltText({
 
       <Dialog.Outer
         control={control}
-        nativeOptions={isAndroid ? {sheet: {snapPoints: ['100%']}} : {}}>
+        nativeOptions={{sheet: {snapPoints: ['100%']}}}>
         <Dialog.Handle />
         <AltTextInner
           onSubmit={onPressSubmit}
@@ -132,7 +131,9 @@ function AltTextInner({
   }, [onSubmit, altText])
 
   return (
-    <Dialog.ScrollableInner label={_(msg`Add alt text`)}>
+    <Dialog.ScrollableInner
+      label={_(msg`Add alt text`)}
+      keyboardDismissMode="none">
       <View style={a.flex_col_reverse}>
         <View style={[a.mt_md, a.gap_md]}>
           <View>
diff --git a/src/view/com/composer/photos/ImageAltTextDialog.tsx b/src/view/com/composer/photos/ImageAltTextDialog.tsx
index cb71dcbb68..15c473e0df 100644
--- a/src/view/com/composer/photos/ImageAltTextDialog.tsx
+++ b/src/view/com/composer/photos/ImageAltTextDialog.tsx
@@ -21,7 +21,9 @@ type Props = {
 
 export const ImageAltTextDialog = (props: Props): React.ReactNode => {
   return (
-    <Dialog.Outer control={props.control}>
+    <Dialog.Outer
+      control={props.control}
+      nativeOptions={{sheet: {snapPoints: ['100%']}}}>
       <Dialog.Handle />
 
       <ImageAltTextInner {...props} />
@@ -66,13 +68,15 @@ const ImageAltTextInner = ({
   }, [image, windim])
 
   return (
-    <Dialog.ScrollableInner label={_(msg`Add alt text`)}>
+    <Dialog.ScrollableInner
+      label={_(msg`Add alt text`)}
+      keyboardDismissMode="none">
       <View>
         <Text style={[a.text_2xl, a.font_bold, a.leading_tight, a.pb_sm]}>
           <Trans>Add alt text</Trans>
         </Text>
 
-        <View style={[t.atoms.bg_contrast_50, a.rounded_sm, a.overflow_hidden]}>
+        <View style={[t.atoms.bg_contrast_50, a.rounded_md, a.overflow_hidden]}>
           <Image
             style={imageStyle}
             source={{
@@ -114,6 +118,7 @@ const ImageAltTextInner = ({
           </ButtonText>
         </Button>
       </View>
+
       <Dialog.Close />
     </Dialog.ScrollableInner>
   )