Merge pull request #21126 from rezkiy37/fix/19721-protected-pdf-autofill

Fix autofill for a protected PDF file in Safari

src/components/PDFView/PDFPasswordForm.js

@@ -11,6 +11,8 @@ import compose from '../../libs/compose';
 import withLocalize, {withLocalizePropTypes} from '../withLocalize';
 import withWindowDimensions, {windowDimensionsPropTypes} from '../withWindowDimensions';
 import shouldDelayFocus from '../../libs/shouldDelayFocus';
+import * as Browser from '../../libs/Browser';
+import CONST from '../../CONST';
 
 const propTypes = {
     /** If the submitted password is invalid (show an error message) */
@@ -104,7 +106,11 @@ class PDFPasswordForm extends Component {
                         </View>
                         <TextInput
                             label={this.props.translate('common.password')}
-                            autoComplete="off"
+                            /**
+                             * This is a workaround to bypass Safari's autofill odd behaviour.
+                             * This tricks the browser not to fill the username somewhere else and still fill the password correctly.
+                             */
+                            autoComplete={Browser.getBrowser() === CONST.BROWSER.SAFARI ? 'username' : 'off'}
                             autoCorrect={false}
                             textContentType="password"
                             onChangeText={this.updatePassword}