From 011ac043a7eb0dde71699e3a7e2da79ad1c5a407 Mon Sep 17 00:00:00 2001
From: Prateek Jain <prateek93a@gmail.com>
Date: Wed, 1 Apr 2020 21:40:43 +0530
Subject: [PATCH] [FIX] MultiSelect Keyboard behavior (Android) (#1969)

* fixed-modal-position

* made-changes

Co-authored-by: Djorkaeff Alexandre <djorkaeff.unb@gmail.com>
---
 app/containers/UIKit/MultiSelect/index.js | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/app/containers/UIKit/MultiSelect/index.js b/app/containers/UIKit/MultiSelect/index.js
index 6617ecb7..6aa671a3 100644
--- a/app/containers/UIKit/MultiSelect/index.js
+++ b/app/containers/UIKit/MultiSelect/index.js
@@ -11,6 +11,7 @@ import TextInput from '../../TextInput';
 import { textParser } from '../utils';
 import { themes } from '../../../constants/colors';
 import I18n from '../../../i18n';
+import { isIOS } from '../../../utils/deviceInfo';
 
 import Chips from './Chips';
 import Items from './Items';
@@ -26,6 +27,8 @@ const ANIMATION_PROPS = {
 };
 const animatedValue = new Animated.Value(0);
 
+const behavior = isIOS ? 'padding' : null;
+
 export const MultiSelect = React.memo(({
 	options = [],
 	onChange,
@@ -170,7 +173,7 @@ export const MultiSelect = React.memo(({
 				<TouchableWithoutFeedback onPress={onHide}>
 					<View style={styles.container}>
 						<View style={[styles.backdrop, { backgroundColor: themes[theme].backdropColor }]} />
-						<KeyboardAvoidingView style={styles.keyboardView} behavior='padding'>
+						<KeyboardAvoidingView style={styles.keyboardView} behavior={behavior}>
 							<Animated.View style={[styles.animatedContent, { transform: [{ translateY }] }]}>
 								{showContent ? renderContent() : null}
 							</Animated.View>