diff --git a/app/soapbox/features/auth_login/components/__tests__/__snapshots__/captcha-test.js.snap b/app/soapbox/features/auth_login/components/__tests__/__snapshots__/captcha-test.js.snap index 333d04f8d..a38a9c5a9 100644 --- a/app/soapbox/features/auth_login/components/__tests__/__snapshots__/captcha-test.js.snap +++ b/app/soapbox/features/auth_login/components/__tests__/__snapshots__/captcha-test.js.snap @@ -14,7 +14,9 @@ exports[` renders correctly 1`] = ` className="input required" > renders for Mastodon 1`] = ` > renders for Mastodon 1`] = ` > renders for Pleroma 1`] = ` > renders for Pleroma 1`] = ` > renders correctly on load 1`] = ` > renders correctly on load 1`] = ` > diff --git a/app/soapbox/features/auth_login/components/login_form.js b/app/soapbox/features/auth_login/components/login_form.js index 1465cd687..842e38832 100644 --- a/app/soapbox/features/auth_login/components/login_form.js +++ b/app/soapbox/features/auth_login/components/login_form.js @@ -40,6 +40,8 @@ class LoginForm extends ImmutablePureComponent { type='text' name='username' autoComplete='off' + autoCorrect='off' + autoCapitalize='off' required /> @@ -51,6 +53,8 @@ class LoginForm extends ImmutablePureComponent { type='password' name='password' autoComplete='off' + autoCorrect='off' + autoCapitalize='off' required /> diff --git a/app/soapbox/features/auth_login/components/registration_form.js b/app/soapbox/features/auth_login/components/registration_form.js index 3ea8f6d62..f8da31be1 100644 --- a/app/soapbox/features/auth_login/components/registration_form.js +++ b/app/soapbox/features/auth_login/components/registration_form.js @@ -172,6 +172,8 @@ class RegistrationForm extends ImmutablePureComponent { name='username' hint={intl.formatMessage(messages.username_hint)} autoComplete='off' + autoCorrect='off' + autoCapitalize='off' pattern='^[a-zA-Z\d_-]+' onChange={this.onInputChange} required @@ -181,6 +183,8 @@ class RegistrationForm extends ImmutablePureComponent { name='email' type='email' autoComplete='off' + autoCorrect='off' + autoCapitalize='off' onChange={this.onInputChange} required /> @@ -189,6 +193,8 @@ class RegistrationForm extends ImmutablePureComponent { name='password' type='password' autoComplete='off' + autoCorrect='off' + autoCapitalize='off' onChange={this.onInputChange} required /> @@ -197,6 +203,8 @@ class RegistrationForm extends ImmutablePureComponent { name='confirm' type='password' autoComplete='off' + autoCorrect='off' + autoCapitalize='off' onChange={this.onInputChange} required /> @@ -206,7 +214,6 @@ class RegistrationForm extends ImmutablePureComponent { hint={} name='reason' maxLength={500} - autoComplete='off' onChange={this.onInputChange} required />} diff --git a/app/soapbox/features/external_login/components/external_login_form.js b/app/soapbox/features/external_login/components/external_login_form.js index 0fa91d590..9166f7c2a 100644 --- a/app/soapbox/features/external_login/components/external_login_form.js +++ b/app/soapbox/features/external_login/components/external_login_form.js @@ -53,7 +53,7 @@ class ExternalLoginForm extends ImmutablePureComponent { } return ( - +
diff --git a/app/soapbox/features/forms/index.js b/app/soapbox/features/forms/index.js index 0ad1f361d..3273a0d4e 100644 --- a/app/soapbox/features/forms/index.js +++ b/app/soapbox/features/forms/index.js @@ -126,6 +126,7 @@ export class SimpleForm extends ImmutablePureComponent { static propTypes = { children: PropTypes.node, + className: PropTypes.string, }; static defaultProps = { @@ -139,9 +140,14 @@ export class SimpleForm extends ImmutablePureComponent { } render() { - const { children, onSubmit, ...props } = this.props; + const { className, children, onSubmit, ...props } = this.props; return ( -
+ {children}
); diff --git a/app/styles/forms.scss b/app/styles/forms.scss index 66382ee27..05bcbc0a4 100644 --- a/app/styles/forms.scss +++ b/app/styles/forms.scss @@ -295,6 +295,7 @@ code { input[type=text], input[type=number], input[type=email], + input[type=url], input[type=password], textarea { color: var(--primary-text-color--faint); @@ -305,6 +306,7 @@ code { input[type=text], input[type=number], input[type=email], + input[type=url], input[type=password], textarea, .rfipbtn { @@ -348,6 +350,7 @@ code { input[type=text][disabled], input[type=number][disabled], input[type=email][disabled], + input[type=url][disabled], input[type=password][disabled], textarea[disabled] { color: var(--primary-text-color--faint); @@ -362,6 +365,7 @@ code { input[type=text], input[type=number], input[type=email], + input[type=url], input[type=password], textarea, select {