diff --git a/react/features/base/dialog/components/Dialog.native.js b/react/features/base/dialog/components/Dialog.native.js index d0074c087..db10009b8 100644 --- a/react/features/base/dialog/components/Dialog.native.js +++ b/react/features/base/dialog/components/Dialog.native.js @@ -112,6 +112,7 @@ class Dialog extends AbstractDialog { placeholder = { t(bodyKey) } submitButtonTextStyle = { submitButtonTextStyle } submitText = { t(okTitleKey) } + textInputProps = { this.props.textInputProps } title = { titleString || t(titleKey) } visible = { true } /> ); diff --git a/react/features/room-lock/components/PasswordRequiredPrompt.native.js b/react/features/room-lock/components/PasswordRequiredPrompt.native.js index 0399da546..1a98990f0 100644 --- a/react/features/room-lock/components/PasswordRequiredPrompt.native.js +++ b/react/features/room-lock/components/PasswordRequiredPrompt.native.js @@ -21,6 +21,15 @@ type Props = { dispatch: Dispatch<*> }; +/** + * The style of the {@link TextInput} rendered by + * {@code PasswordRequiredPrompt}. As it requests the entry of a password, the + * entry should better be secure. + */ +const _TEXT_INPUT_PROPS = { + secureTextEntry: true +}; + /** * Implements a React {@code Component} which prompts the user when a password * is required to join a conference. @@ -62,6 +71,7 @@ class PasswordRequiredPrompt extends Component { bodyKey = 'dialog.passwordLabel' onCancel = { this._onCancel } onSubmit = { this._onSubmit } + textInputProps = { _TEXT_INPUT_PROPS } titleKey = 'dialog.passwordRequired' /> ); } diff --git a/react/features/room-lock/components/RoomLockPrompt.native.js b/react/features/room-lock/components/RoomLockPrompt.native.js index f8ef25aee..42903ac43 100644 --- a/react/features/room-lock/components/RoomLockPrompt.native.js +++ b/react/features/room-lock/components/RoomLockPrompt.native.js @@ -8,6 +8,16 @@ import { Dialog } from '../../base/dialog'; import { endRoomLockRequest } from '../actions'; +/** + * The style of the {@link TextInput} rendered by {@code RoomLockPrompt}. As it + * requests the entry of a password, {@code TextInput} automatically correcting + * the entry of the password is a pain to deal with as a user. + */ +const _TEXT_INPUT_PROPS = { + autoCapitalize: 'none', + autoCorrect: false +}; + /** * Implements a React Component which prompts the user for a password to lock a * conference/room. @@ -54,6 +64,7 @@ class RoomLockPrompt extends Component { bodyKey = 'dialog.passwordLabel' onCancel = { this._onCancel } onSubmit = { this._onSubmit } + textInputProps = { _TEXT_INPUT_PROPS } titleKey = 'toolbar.lock' /> ); }