From 303cd8b5875af950dd2210624561f239e9a3de5d Mon Sep 17 00:00:00 2001 From: TaduJR Date: Sat, 31 Jan 2026 00:32:56 +0300 Subject: [PATCH] fix: Screen Reader: Many Pages: Elements are focused in a confusing order --- src/components/Composer/implementation/index.native.tsx | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/src/components/Composer/implementation/index.native.tsx b/src/components/Composer/implementation/index.native.tsx index 6251fd7d97d7c..049a90fa7b8a7 100644 --- a/src/components/Composer/implementation/index.native.tsx +++ b/src/components/Composer/implementation/index.native.tsx @@ -108,7 +108,12 @@ function Composer({ ); const maxHeightStyle = useMemo(() => StyleUtils.getComposerMaxHeightStyle(maxLines, isComposerFullSize), [StyleUtils, isComposerFullSize, maxLines]); - const composerStyle = useMemo(() => StyleSheet.flatten([style, textContainsOnlyEmojis ? styles.onlyEmojisTextLineHeight : {}]), [style, textContainsOnlyEmojis, styles]); + + // Negative margin moves frame up for correct iOS VoiceOver order; padding compensates visually. See #77499. + const composerStyle = useMemo( + () => StyleSheet.flatten([style, textContainsOnlyEmojis ? styles.onlyEmojisTextLineHeight : {}, {marginTop: -5, paddingTop: 5}]), + [style, textContainsOnlyEmojis, styles], + ); return (