Merge pull request #14392 from rawalyogendra/fix-ios-button

flodnv · web-flow · commit d94715ff1c74 · 2023-01-30T17:31:40.000Z
Fix: iOS button obstructed by keyboard
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -41,7 +41,7 @@
     "test:e2e": "node tests/e2e/testRunner.js --development"
   },
   "dependencies": {
-    "@expensify/react-native-web": "0.18.9",
+    "@expensify/react-native-web": "0.18.10",
     "@formatjs/intl-getcanonicallocales": "^1.5.8",
     "@formatjs/intl-locale": "^2.4.21",
     "@formatjs/intl-numberformat": "^6.2.5",
diff --git a/src/components/ScreenWrapper/index.js b/src/components/ScreenWrapper/index.js
@@ -89,7 +89,7 @@ class ScreenWrapper extends React.Component {
                                 paddingStyle,
                             ]}
                         >
-                            <KeyboardAvoidingView style={[styles.w100, styles.h100]} behavior={this.props.keyboardAvoidingViewBehavior}>
+                            <KeyboardAvoidingView style={[styles.w100, styles.h100, {maxHeight: this.props.windowHeight}]} behavior={this.props.keyboardAvoidingViewBehavior}>
                                 <HeaderGap />
                                 {// If props.children is a function, call it to provide the insets to the children.
                                     _.isFunction(this.props.children)

Original file line number	Diff line number	Diff line change
`@@ -89,7 +89,7 @@ class ScreenWrapper extends React.Component {`
`89`	`89`	`paddingStyle,`
`90`	`90`	`]}`
`91`	`91`	`>`
`92`		`- <KeyboardAvoidingView style={[styles.w100, styles.h100]} behavior={this.props.keyboardAvoidingViewBehavior}>`
	`92`	`+ <KeyboardAvoidingView style={[styles.w100, styles.h100, {maxHeight: this.props.windowHeight}]} behavior={this.props.keyboardAvoidingViewBehavior}>`
`93`	`93`	`<HeaderGap />`
`94`	`94`	`{// If props.children is a function, call it to provide the insets to the children.`
`95`	`95`	`_.isFunction(this.props.children)`