dismiss keyboard when threadgate settings are opened (#2161)

1 files changed, 5 insertions, 1 deletions

diff --git a/src/view/com/composer/threadgate/ThreadgateBtn.tsx b/src/view/com/composer/threadgate/ThreadgateBtn.tsx
index efc4525ae..ebbc613ff 100644
--- a/src/view/com/composer/threadgate/ThreadgateBtn.tsx
+++ b/src/view/com/composer/threadgate/ThreadgateBtn.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import {TouchableOpacity, StyleSheet} from 'react-native'
+import {TouchableOpacity, StyleSheet, Keyboard} from 'react-native'
 import {
   FontAwesomeIcon,
   FontAwesomeIconStyle,
@@ -11,6 +11,7 @@ import {useLingui} from '@lingui/react'
 import {msg} from '@lingui/macro'
 import {useModalControls} from '#/state/modals'
 import {ThreadgateSetting} from '#/state/queries/threadgate'
+import {isNative} from '#/platform/detection'
 
 export function ThreadgateBtn({
   threadgate,
@@ -26,6 +27,9 @@ export function ThreadgateBtn({
 
   const onPress = () => {
     track('Composer:ThreadgateOpened')
+    if (isNative && Keyboard.isVisible()) {
+      Keyboard.dismiss()
+    }
     openModal({
       name: 'threadgate',
       settings: threadgate,