From 3ec38c3ce68cd75702ef1a0466fb9c7ec7c7b520 Mon Sep 17 00:00:00 2001
From: none23 <n.anisimov.23@gmail.com>
Date: Tue, 27 Oct 2026 23:22:22 +0400
Subject: [PATCH 1/2] fix(mobile): scale compose button with floating
 navigation

---
 .../src/components/ScrollComposeButton.android.tsx  | 13 +++++--------
 1 file changed, 5 insertions(+), 8 deletions(-)

diff --git a/apps/mobile/src/components/ScrollComposeButton.android.tsx b/apps/mobile/src/components/ScrollComposeButton.android.tsx
index 12906a2bb4ac6..105acd6b1ace3 100644
--- a/apps/mobile/src/components/ScrollComposeButton.android.tsx
+++ b/apps/mobile/src/components/ScrollComposeButton.android.tsx
@@ -3,7 +3,6 @@ import { Box, ExtendedFloatingActionButton, Icon, Text } from "@expo/ui/jetpack-
 import {
   defaultMinSize,
   fillMaxWidth,
-  graphicsLayer,
   height,
   onSizeChanged,
   size,
@@ -37,7 +36,11 @@ export function ScrollComposeButton(props: {
       className={props.className}
       style={[props.style, { left: 20, height: fabSize }]}
     >
-      <View pointerEvents="none" importantForAccessibility="no-hide-descendants">
+      <View
+        pointerEvents="none"
+        importantForAccessibility="no-hide-descendants"
+        style={{ transform: [{ scale }], transformOrigin: "top right" }}
+      >
         <NativeThemeHost
           matchContents={{ vertical: true }}
           ignoreSafeAreaKeyboardInsets
@@ -50,12 +53,6 @@ export function ScrollComposeButton(props: {
               modifiers={[
                 defaultMinSize({ minWidth: nativeSize }),
                 height(nativeSize),
-                graphicsLayer({
-                  scaleX: scale,
-                  scaleY: scale,
-                  transformOriginX: 1,
-                  transformOriginY: 0,
-                }),
                 onSizeChanged(rememberWidth),
               ]}
             >

From 1f95b794a3b6650cc8c21517159a8f2ad060b6d4 Mon Sep 17 00:00:00 2001
From: maria-rcks <maria@kuuro.net>
Date: Fri, 30 Oct 2026 01:20:05 +0000
Subject: [PATCH 2/2] fix(mobile): anchor compose scaling to the rtl edge

---
 apps/mobile/src/components/ScrollComposeButton.android.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/apps/mobile/src/components/ScrollComposeButton.android.tsx b/apps/mobile/src/components/ScrollComposeButton.android.tsx
index 6ba52677d975e..d107d9be5d8a0 100644
--- a/apps/mobile/src/components/ScrollComposeButton.android.tsx
+++ b/apps/mobile/src/components/ScrollComposeButton.android.tsx
@@ -8,7 +8,7 @@ import {
   size,
 } from "@expo/ui/jetpack-compose/modifiers";
 import { useState } from "react";
-import { Pressable, View, type StyleProp, type ViewStyle } from "react-native";
+import { I18nManager, Pressable, View, type StyleProp, type ViewStyle } from "react-native";
 import { useAndroidControlSizing } from "./ui/useAndroidControlSizing";
 import { useAppearancePreferences } from "../features/settings/appearance/AppearancePreferencesProvider";
 import { resolveScaledTextRole } from "../lib/appearancePreferences";
@@ -39,7 +39,10 @@ export function ScrollComposeButton(props: {
       <View
         pointerEvents="none"
         importantForAccessibility="no-hide-descendants"
-        style={{ transform: [{ scale }], transformOrigin: "top right" }}
+        style={{
+          transform: [{ scale }],
+          transformOrigin: I18nManager.isRTL ? "top left" : "top right",
+        }}
       >
         <NativeThemeHost
           matchContents={{ vertical: true }}