diff --git a/android/app/build.gradle b/android/app/build.gradle
index a7d8d4a4cec..93b6b0360ea 100644
--- a/android/app/build.gradle
+++ b/android/app/build.gradle
@@ -150,8 +150,8 @@ android {
minSdkVersion rootProject.ext.minSdkVersion
targetSdkVersion rootProject.ext.targetSdkVersion
multiDexEnabled rootProject.ext.multiDexEnabled
- versionCode 1001010805
- versionName "1.1.8-5"
+ versionCode 1001010806
+ versionName "1.1.8-6"
}
splits {
abi {
diff --git a/ios/NewExpensify/Info.plist b/ios/NewExpensify/Info.plist
index 42ba651e3c3..15654192cda 100644
--- a/ios/NewExpensify/Info.plist
+++ b/ios/NewExpensify/Info.plist
@@ -31,7 +31,7 @@
CFBundleVersion
- 1.1.8.5
+ 1.1.8.6
ITSAppUsesNonExemptEncryption
LSApplicationQueriesSchemes
diff --git a/ios/NewExpensifyTests/Info.plist b/ios/NewExpensifyTests/Info.plist
index 9a1d767f329..6cda4a627da 100644
--- a/ios/NewExpensifyTests/Info.plist
+++ b/ios/NewExpensifyTests/Info.plist
@@ -19,6 +19,6 @@
CFBundleSignature
????
CFBundleVersion
- 1.1.8.5
+ 1.1.8.6
diff --git a/package-lock.json b/package-lock.json
index f1dd425c682..1fc6f7b3514 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
{
"name": "new.expensify",
- "version": "1.1.8-5",
+ "version": "1.1.8-6",
"lockfileVersion": 1,
"requires": true,
"dependencies": {
diff --git a/package.json b/package.json
index 4959806c8e6..0ddf3bf5f20 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "new.expensify",
- "version": "1.1.8-5",
+ "version": "1.1.8-6",
"author": "Expensify, Inc.",
"homepage": "https://new.expensify.com",
"description": "New Expensify is the next generation of Expensify: a reimagination of payments based atop a foundation of chat.",
diff --git a/src/components/ExpensiTextInput/BaseExpensiTextInput.js b/src/components/ExpensiTextInput/BaseExpensiTextInput.js
index 04c92bf7f1e..31f94248d57 100644
--- a/src/components/ExpensiTextInput/BaseExpensiTextInput.js
+++ b/src/components/ExpensiTextInput/BaseExpensiTextInput.js
@@ -171,16 +171,21 @@ class BaseExpensiTextInput extends Component {
]}
>
{hasLabel ? (
-
+ <>
+ {/* Adding this background to the label only for multiline text input,
+ to prevent text overlaping with label when scrolling */}
+ {multiline && }
+
+ >
) : null}
{
diff --git a/src/styles/styles.js b/src/styles/styles.js
index 78c96dfff7d..747f2574367 100644
--- a/src/styles/styles.js
+++ b/src/styles/styles.js
@@ -528,6 +528,7 @@ const styles = {
justifyContent: 'center',
height: '100%',
backgroundColor: themeColors.componentBG,
+ overflow: 'hidden',
},
expensiTextInputLabel: {
position: 'absolute',
@@ -538,6 +539,15 @@ const styles = {
fontFamily: fontFamily.GTA,
width: '100%',
},
+ expensiTextInputLabelBackground: {
+ position: 'absolute',
+ top: 0,
+ width: '100%',
+ height: 25,
+ backgroundColor: themeColors.componentBG,
+ borderTopRightRadius: variables.componentBorderRadiusNormal,
+ borderTopLeftRadius: variables.componentBorderRadiusNormal,
+ },
expensiTextInputLabelDesktop: {
transformOrigin: 'left center',
},
@@ -557,6 +567,7 @@ const styles = {
paddingBottom: 8,
paddingHorizontal: 11.5,
borderRadius: variables.componentBorderRadiusNormal,
+ zIndex: -1,
},
expensiTextInputDesktop: addOutlineWidth({}, 0),
expensiTextInputAndroid: left => ({