diff options
Diffstat (limited to 'src')
-rw-r--r-- | src/view/com/composer/GifAltText.tsx | 9 | ||||
-rw-r--r-- | src/view/com/composer/photos/ImageAltTextDialog.tsx | 7 |
2 files changed, 9 insertions, 7 deletions
diff --git a/src/view/com/composer/GifAltText.tsx b/src/view/com/composer/GifAltText.tsx index 732bd4bd6..bd3860a28 100644 --- a/src/view/com/composer/GifAltText.tsx +++ b/src/view/com/composer/GifAltText.tsx @@ -1,5 +1,5 @@ import React, {useState} from 'react' -import {TouchableOpacity, View} from 'react-native' +import {Dimensions, TouchableOpacity, View} from 'react-native' import {msg, Trans} from '@lingui/macro' import {useLingui} from '@lingui/react' @@ -9,7 +9,7 @@ import { EmbedPlayerParams, parseEmbedPlayerFromUrl, } from '#/lib/strings/embed-player' -import {isAndroid} from '#/platform/detection' +import {isAndroid, isWeb} from '#/platform/detection' import {useResolveGifQuery} from '#/state/queries/resolve-link' import {Gif} from '#/state/queries/tenor' import {AltTextCounterWrapper} from '#/view/com/composer/AltTextCounterWrapper' @@ -107,7 +107,8 @@ export function GifAltTextDialogLoaded({ control={control} onClose={() => { onSubmit(altTextDraft) - }}> + }} + nativeOptions={{minHeight: Dimensions.get('window').height}}> <Dialog.Handle /> <AltTextInner vendorAltText={vendorAltText} @@ -157,7 +158,7 @@ function AltTextInner({ defaultValue={altText} multiline numberOfLines={3} - autoFocus + autoFocus={isWeb} onKeyPress={({nativeEvent}) => { if (nativeEvent.key === 'Escape') { control.close() diff --git a/src/view/com/composer/photos/ImageAltTextDialog.tsx b/src/view/com/composer/photos/ImageAltTextDialog.tsx index aa0b0987a..49b4cdd7e 100644 --- a/src/view/com/composer/photos/ImageAltTextDialog.tsx +++ b/src/view/com/composer/photos/ImageAltTextDialog.tsx @@ -1,5 +1,5 @@ import React from 'react' -import {ImageStyle, useWindowDimensions, View} from 'react-native' +import {Dimensions, ImageStyle, useWindowDimensions, View} from 'react-native' import {Image} from 'expo-image' import {msg, Trans} from '@lingui/macro' import {useLingui} from '@lingui/react' @@ -38,7 +38,8 @@ export const ImageAltTextDialog = ({ ...image, alt: enforceLen(altText, MAX_ALT_TEXT, true), }) - }}> + }} + nativeOptions={{minHeight: Dimensions.get('window').height}}> <Dialog.Handle /> <ImageAltTextInner control={control} @@ -122,7 +123,7 @@ const ImageAltTextInner = ({ defaultValue={altText} multiline numberOfLines={3} - autoFocus + autoFocus={isWeb} /> </TextField.Root> </View> |