From c634d9b1bec0da0fdb905577aa02f49acb25fdb7 Mon Sep 17 00:00:00 2001
From: Eric Bailey <git@esb.lol>
Date: Mon, 31 Aug 2026 18:59:01 -0500
Subject: [PATCH] Revert "APP-2974: Avoid composer layout animations"

This reverts commit 2e08b9083765f27da9a80a78100181a7dc718661.
---
 src/view/com/composer/Composer.tsx | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/view/com/composer/Composer.tsx b/src/view/com/composer/Composer.tsx
index 186d6ddaad..3fb8db78fa 100644
--- a/src/view/com/composer/Composer.tsx
+++ b/src/view/com/composer/Composer.tsx
@@ -29,6 +29,7 @@ import Animated, {
   FadeOut,
   interpolateColor,
   LayoutAnimationConfig,
+  LinearTransition,
   scrollTo,
   useAnimatedRef,
   useAnimatedScrollHandler,
@@ -1460,6 +1461,7 @@ export const ComposePost = ({
 
           <Animated.ScrollView
             ref={scrollViewRef}
+            layout={native(LinearTransition)}
             onScroll={scrollHandler}
             contentContainerStyle={a.flex_grow}
             style={[
@@ -1823,7 +1825,9 @@ function ComposerTopBar({
   const {t: l} = useLingui()
 
   return (
-    <Animated.View style={topBarAnimatedStyle}>
+    <Animated.View
+      style={topBarAnimatedStyle}
+      layout={native(LinearTransition)}>
       <View
         style={[
           a.flex_row,
@@ -2596,7 +2600,10 @@ function ErrorBanner({
   if (!error) return null
 
   return (
-    <View style={[a.px_lg, a.pb_sm]}>
+    <Animated.View
+      style={[a.px_lg, a.pb_sm]}
+      entering={FadeIn}
+      exiting={FadeOut}>
       <View
         style={[
           a.px_md,
@@ -2634,7 +2641,7 @@ function ErrorBanner({
           </Text>
         )}
       </View>
-    </View>
+    </Animated.View>
   )
 }