diff --git a/src/status_im/ui/screens/chat/input/animations/expandable.cljs b/src/status_im/ui/screens/chat/input/animations/expandable.cljs index 174c51b3d5..22662d8eb2 100644 --- a/src/status_im/ui/screens/chat/input/animations/expandable.cljs +++ b/src/status_im/ui/screens/chat/input/animations/expandable.cljs @@ -38,10 +38,9 @@ input-style/min-input-height input-style/padding-vertical input-style/border-height)) - bottom (+ input-height chat-input-margin) max-height (- chat-layout-height (when platform/ios? keyboard-height) input-height top-offset)] [react/view style/overlap-container - [react/animated-view {:style (style/expandable-container anim-value keyboard-height max-height)} + [react/animated-view {:style (style/expandable-container anim-value chat-input-margin max-height)} (into [react/scroll-view {:keyboard-should-persist-taps :always :bounces false}] (when (or input-focused? (not messages-focused?)) diff --git a/src/status_im/ui/screens/chat/styles/animations.cljs b/src/status_im/ui/screens/chat/styles/animations.cljs index 58ab7d27c9..c39d29ed9f 100644 --- a/src/status_im/ui/screens/chat/styles/animations.cljs +++ b/src/status_im/ui/screens/chat/styles/animations.cljs @@ -12,13 +12,11 @@ :right 0 :bottom 0}) -(defn expandable-container [anim-value keyboard-height max-height] +(defn expandable-container [anim-value bottom max-height] {:background-color colors/white :left 0 :right 0 - :bottom (if platform/ios? - (- keyboard-height 72) - 0) + :bottom bottom :position :absolute :elevation 2 :shadow-offset {:width 0 :height 1}