ansxor.ca
forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
Fix keyboard flicker when selecting a draft in composer (#9864)
samuel.fm
+7
-1
+7
-1
src/view/com/composer/drafts/DraftsListDialog.tsx
+7
-1
src/view/com/composer/drafts/DraftsListDialog.tsx
···
1
import {useCallback, useEffect, useMemo} from 'react'
2
-
import {View} from 'react-native'
3
import {msg, Trans} from '@lingui/macro'
4
import {useLingui} from '@lingui/react'
5
···
54
55
const handleSelectDraft = useCallback(
56
(summary: DraftSummary) => {
57
control.close(() => {
58
onSelectDraft(summary)
59
})
···
1
import {useCallback, useEffect, useMemo} from 'react'
2
+
import {Keyboard, View} from 'react-native'
3
import {msg, Trans} from '@lingui/macro'
4
import {useLingui} from '@lingui/react'
5
···
54
55
const handleSelectDraft = useCallback(
56
(summary: DraftSummary) => {
57
+
// Dismiss keyboard immediately to prevent flicker. Without this,
58
+
// the text input regains focus (showing the keyboard) after the
59
+
// drafts sheet closes, then loses it again when the post component
60
+
// remounts with the draft content, causing a show-hide-show cycle -sfn
61
+
Keyboard.dismiss()
62
+
63
control.close(() => {
64
onSelectDraft(summary)
65
})