close keyboard before opening modal (#5124)

1 files changed, 5 insertions, 2 deletions

diff --git a/src/view/com/composer/videos/SubtitleDialog.tsx b/src/view/com/composer/videos/SubtitleDialog.tsx
index 90a29b25d..9cd8eae47 100644
--- a/src/view/com/composer/videos/SubtitleDialog.tsx
+++ b/src/view/com/composer/videos/SubtitleDialog.tsx
@@ -1,5 +1,5 @@
 import React, {useCallback} from 'react'
-import {StyleProp, View, ViewStyle} from 'react-native'
+import {Keyboard, StyleProp, View, ViewStyle} from 'react-native'
 import RNPickerSelect from 'react-native-picker-select'
 import {msg, Trans} from '@lingui/macro'
 import {useLingui} from '@lingui/react'
@@ -45,7 +45,10 @@ export function SubtitleDialogBtn(props: Props) {
         size="xsmall"
         color="secondary"
         variant="ghost"
-        onPress={control.open}>
+        onPress={() => {
+          if (Keyboard.isVisible()) Keyboard.dismiss()
+          control.open()
+        }}>
         <ButtonIcon icon={CCIcon} />
         <ButtonText>
           {isWeb ? <Trans>Captions & alt text</Trans> : <Trans>Alt text</Trans>}