diff --git a/src/components/RoomNameInput/index.native.js b/src/components/RoomNameInput/index.native.js index a2af6fbbf049..f261b76bafcc 100644 --- a/src/components/RoomNameInput/index.native.js +++ b/src/components/RoomNameInput/index.native.js @@ -46,6 +46,7 @@ class RoomNameInput extends Component { onBlur={this.props.onBlur} autoFocus={this.props.autoFocus} autoCapitalize="none" + shouldDelayFocus={this.props.shouldDelayFocus} /> ); } diff --git a/src/components/RoomNameInput/roomNameInputPropTypes.js b/src/components/RoomNameInput/roomNameInputPropTypes.js index 53666a6ae694..2f4af1ae2e92 100644 --- a/src/components/RoomNameInput/roomNameInputPropTypes.js +++ b/src/components/RoomNameInput/roomNameInputPropTypes.js @@ -27,6 +27,9 @@ const propTypes = { /** AutoFocus */ autoFocus: PropTypes.bool, + + /** Whether we should wait before focusing the TextInput, useful when using transitions on Android */ + shouldDelayFocus: PropTypes.bool, }; const defaultProps = { @@ -39,6 +42,7 @@ const defaultProps = { inputID: undefined, onBlur: () => {}, autoFocus: false, + shouldDelayFocus: false, }; export {propTypes, defaultProps}; diff --git a/src/pages/workspace/WorkspaceNewRoomPage.js b/src/pages/workspace/WorkspaceNewRoomPage.js index f524e34b48c7..0cc96e7ce33a 100644 --- a/src/pages/workspace/WorkspaceNewRoomPage.js +++ b/src/pages/workspace/WorkspaceNewRoomPage.js @@ -19,6 +19,7 @@ import Permissions from '../../libs/Permissions'; import Log from '../../libs/Log'; import * as ValidationUtils from '../../libs/ValidationUtils'; import Form from '../../components/Form'; +import shouldDelayFocus from '../../libs/shouldDelayFocus'; const propTypes = { /** All reports shared with the user */ @@ -141,6 +142,7 @@ class WorkspaceNewRoomPage extends React.Component {