Merge pull request #40978 from nextcloud/fix/37092/replace-non-standa…

…rd-autocorrect-with-spellcheck

HTML Validation: replace non standard `autocorrect` with `spellcheck`

apps/settings/src/components/PasswordSection.vue

@@ -25,15 +25,15 @@
 				:value.sync="oldPass"
 				autocomplete="current-password"
 				autocapitalize="none"
-				autocorrect="off" />
+				spellcheck="false" />
 
 			<NcPasswordField id="new-pass"
 				:label="t('settings', 'New password')"
 				:value.sync="newPass"
 				:maxlength="469"
 				autocomplete="new-password"
 				autocapitalize="none"
-				autocorrect="off"
+				spellcheck="false"
 				:check-password-strength="true" />
 
 			<NcButton type="primary"

apps/settings/src/components/PersonalInfo/EmailSection/Email.vue

@@ -31,7 +31,7 @@
 				:value="email"
 				:aria-describedby="helperText ? `${inputId}-helper-text` : ''"
 				autocapitalize="none"
-				autocorrect="off"
+				spellcheck="false"
 				@input="onEmailChange">
 
 			<div class="email__actions-container">

apps/settings/src/components/PersonalInfo/shared/AccountPropertySection.vue

@@ -35,7 +35,7 @@
 				rows="8"
 				autocapitalize="none"
 				autocomplete="off"
-				autocorrect="off"
+				spellcheck="false"
 				@input="onPropertyChange" />
 			<input v-else
 				:id="inputId"
@@ -45,7 +45,7 @@
 				:value="value"
 				:aria-describedby="helperText ? `${name}-helper-text` : ''"
 				autocapitalize="none"
-				autocorrect="off"
+				spellcheck="false"
 				:autocomplete="autocomplete"
 				@input="onPropertyChange">
 

apps/settings/src/components/Users/NewUserModal.vue

@@ -37,7 +37,7 @@
 				:label="usernameLabel"
 				autocapitalize="none"
 				autocomplete="off"
-				autocorrect="off"
+				spellcheck="false"
 				pattern="[a-zA-Z0-9 _\.@\-']+"
 				required />
 			<NcTextField class="modal__item"
@@ -46,7 +46,7 @@
 				:label="t('settings', 'Display name')"
 				autocapitalize="none"
 				autocomplete="off"
-				autocorrect="off" />
+				spellcheck="false" />
 			<span v-if="!settings.newUserRequireEmail"
 				id="password-email-hint"
 				class="modal__hint">
@@ -62,7 +62,7 @@
 				:label="newUser.mailAddress === '' ? t('settings', 'Password (required)') : t('settings', 'Password')"
 				autocapitalize="none"
 				autocomplete="new-password"
-				autocorrect="off"
+				spellcheck="false"
 				:required="newUser.mailAddress === ''" />
 			<NcTextField class="modal__item"
 				data-test="email"
@@ -72,7 +72,7 @@
 				:label="newUser.password === '' || settings.newUserRequireEmail ? t('settings', 'Email (required)') : t('settings', 'Email')"
 				autocapitalize="none"
 				autocomplete="off"
-				autocorrect="off"
+				spellcheck="false"
 				:required="newUser.password === '' || settings.newUserRequireEmail" />
 			<div class="modal__item">
 				<!-- hidden input trick for vanilla html5 form validation -->

apps/settings/src/components/Users/UserRow.vue

@@ -51,7 +51,6 @@
 					:value.sync="editedDisplayName"
 					autocapitalize="off"
 					autocomplete="off"
-					autocorrect="off"
 					spellcheck="false"
 					@trailing-button-click="updateDisplayName" />
 			</template>
@@ -82,7 +81,6 @@
 					:value.sync="editedPassword"
 					autocapitalize="off"
 					autocomplete="new-password"
-					autocorrect="off"
 					required
 					spellcheck="false"
 					type="password"
@@ -105,7 +103,6 @@
 					:value.sync="editedMail"
 					autocapitalize="off"
 					autocomplete="email"
-					autocorrect="off"
 					spellcheck="false"
 					type="email"
 					@trailing-button-click="updateEmail" />

apps/user_ldap/templates/renewpassword.php

@@ -30,7 +30,7 @@
 		<p class="grouptop">
 			<input type="password" id="oldPassword" name="oldPassword"
 				placeholder="<?php echo $l->t('Current password');?>"
-				autofocus autocomplete="off" autocapitalize="off" autocorrect="off" required/>
+				autofocus autocomplete="off" autocapitalize="off" spellcheck="false" required/>
 			<label for="oldPassword" class="infield"><?php p($l->t('Current password')); ?></label>
 		</p>
 
@@ -39,7 +39,7 @@
 			<label id="newPassword-label" for="newPassword" class="infield"><?php p($l->t('New password')); ?></label>
 			<input type="password" id="newPassword" name="newPassword"
 				placeholder="<?php echo $l->t('New password');?>"
-				data-typetoggle="#personal-show" autofocus autocomplete="off" autocapitalize="off" autocorrect="off" required/>
+				data-typetoggle="#personal-show" autofocus autocomplete="off" autocapitalize="off" spellcheck="false" required/>
 		</p>
 
 		<input type="submit" id="submit" class="login primary icon-confirm-white" value="<?php p($l->t('Renew password')); ?>"/>

core/src/components/login/UpdatePassword.vue

@@ -31,7 +31,7 @@
 					name="password"
 					autocomplete="new-password"
 					autocapitalize="none"
-					autocorrect="off"
+					spellcheck="false"
 					required
 					:placeholder="t('core', 'New password')">
 			</p>

core/templates/installation.php

@@ -38,13 +38,13 @@
 			<label for="adminlogin"><?php p($l->t('Username')); ?></label>
 			<input type="text" name="adminlogin" id="adminlogin"
 				value="<?php p($_['adminlogin']); ?>"
-				autocomplete="off" autocapitalize="none" autocorrect="off" autofocus required>
+				autocomplete="off" autocapitalize="none" spellcheck="false" autofocus required>
 		</p>
 		<p class="groupbottom">
 			<label for="adminpass"><?php p($l->t('Password')); ?></label>
 			<input type="password" name="adminpass" data-typetoggle="#show" id="adminpass"
 				value="<?php p($_['adminpass']); ?>"
-				autocomplete="off" autocapitalize="none" autocorrect="off" required>
+				autocomplete="off" autocapitalize="none" spellcheck="false" required>
 			<button id="show" class="toggle-password" aria-label="<?php p($l->t('Show password')); ?>">
 				<img src="<?php print_unescaped(image_path('', 'actions/toggle.svg')); ?>" alt="<?php p($l->t('Toggle password visibility')); ?>">
 			</button>
@@ -64,7 +64,7 @@
 			<input type="text" name="directory" id="directory"
 				placeholder="<?php p(OC::$SERVERROOT.'/data'); ?>"
 				value="<?php p($_['directory']); ?>"
-				autocomplete="off" autocapitalize="none" autocorrect="off">
+				autocomplete="off" autocapitalize="none" spellcheck="false">
 		</div>
 	</fieldset>
 	<?php endif; ?>
@@ -103,13 +103,13 @@
 				<label for="dbuser"><?php p($l->t('Database user')); ?></label>
 				<input type="text" name="dbuser" id="dbuser"
 					value="<?php p($_['dbuser']); ?>"
-					autocomplete="off" autocapitalize="none" autocorrect="off">
+					autocomplete="off" autocapitalize="none" spellcheck="false">
 			</p>
 			<p class="groupmiddle">
 				<label for="dbpass"><?php p($l->t('Database password')); ?></label>
 				<input type="password" name="dbpass" id="dbpass"
 					value="<?php p($_['dbpass']); ?>"
-					autocomplete="off" autocapitalize="none" autocorrect="off">
+					autocomplete="off" autocapitalize="none" spellcheck="false">
 				<button id="show" class="toggle-password" aria-label="<?php p($l->t('Show password')); ?>">
 					<img src="<?php print_unescaped(image_path('', 'actions/toggle.svg')); ?>" alt="<?php p($l->t('Toggle password visibility')); ?>">
 				</button>
@@ -118,7 +118,7 @@
 				<label for="dbname"><?php p($l->t('Database name')); ?></label>
 				<input type="text" name="dbname" id="dbname"
 					value="<?php p($_['dbname']); ?>"
-					autocomplete="off" autocapitalize="none" autocorrect="off"
+					autocomplete="off" autocapitalize="none" spellcheck="false"
 					pattern="[0-9a-zA-Z$_-]+">
 			</p>
 			<?php if ($_['hasOracle']): ?>
@@ -127,15 +127,15 @@
 					<label for="dbtablespace" class="infield"><?php p($l->t('Database tablespace')); ?></label>
 					<input type="text" name="dbtablespace" id="dbtablespace"
 						value="<?php p($_['dbtablespace']); ?>"
-						autocomplete="off" autocapitalize="none" autocorrect="off">
+						autocomplete="off" autocapitalize="none" spellcheck="false">
 				</p>
 			</div>
 			<?php endif; ?>
 			<p class="groupbottom">
 				<label for="dbhost"><?php p($l->t('Database host')); ?></label>
 				<input type="text" name="dbhost" id="dbhost"
 					value="<?php p($_['dbhost']); ?>"
-					autocomplete="off" autocapitalize="none" autocorrect="off">
+					autocomplete="off" autocapitalize="none" spellcheck="false">
 			</p>
 			<p class="info">
 				<?php p($l->t('Please specify the port number along with the host name (e.g., localhost:5432).')); ?>

core/templates/publicshareauth.php

@@ -25,7 +25,7 @@
 				<input type="hidden" name="requesttoken" value="<?php p($_['requesttoken']) ?>" />
 				<input type="password" name="password" id="password"
 					placeholder="<?php p($l->t('Password')); ?>" value=""
-					autocomplete="new-password" autocapitalize="off" autocorrect="off"
+					autocomplete="new-password" autocapitalize="off" spellcheck="false"
 					autofocus />
 				<input type="hidden" name="sharingToken" value="<?php p($_['share']->getToken()) ?>" id="sharingToken">
 				<input type="hidden" name="sharingType" value="<?php p($_['share']->getShareType()) ?>" id="sharingType">