diff --git a/src/addon/mod/assign/pages/edit-feedback-modal/edit-feedback-modal.html b/src/addon/mod/assign/pages/edit-feedback-modal/edit-feedback-modal.html
index f14e45d80..862f4cf47 100644
--- a/src/addon/mod/assign/pages/edit-feedback-modal/edit-feedback-modal.html
+++ b/src/addon/mod/assign/pages/edit-feedback-modal/edit-feedback-modal.html
@@ -11,6 +11,6 @@
<ion-content>
<form name="addon-mod_assign-edit-feedback-form" *ngIf="userId && plugin">
<addon-mod-assign-feedback-plugin [assign]="assign" [submission]="submission" [userId]="userId" [plugin]="plugin" [edit]="true"></addon-mod-assign-feedback-plugin>
- <button ion-button block (click)="done()">{{ 'core.done' | translate }}</button>
+ <button ion-button block (click)="done($event)">{{ 'core.done' | translate }}</button>
</form>
</ion-content>
diff --git a/src/addon/mod/assign/pages/edit-feedback-modal/edit-feedback-modal.ts b/src/addon/mod/assign/pages/edit-feedback-modal/edit-feedback-modal.ts
index 01b24e5de..08f2369bb 100644
--- a/src/addon/mod/assign/pages/edit-feedback-modal/edit-feedback-modal.ts
+++ b/src/addon/mod/assign/pages/edit-feedback-modal/edit-feedback-modal.ts
@@ -72,8 +72,13 @@ export class AddonModAssignEditFeedbackModalPage {
/**
* Done editing.
+ *
+ * @param {Event} e Click event.
*/
- done(): void {
+ done(e: Event): void {
+ e.preventDefault();
+ e.stopPropagation();
+
// Close the modal, sending the input data.
this.forceLeave = true;
this.closeModal(this.getInputData());
diff --git a/src/addon/mod/data/pages/edit/edit.html b/src/addon/mod/data/pages/edit/edit.html
index 7f34748e7..8dc29855f 100644
--- a/src/addon/mod/data/pages/edit/edit.html
+++ b/src/addon/mod/data/pages/edit/edit.html
@@ -23,7 +23,7 @@
{{ cssTemplate }}
</style>
- <form (ngSubmit)="save()" [formGroup]="editForm">
+ <form (ngSubmit)="save($event)" [formGroup]="editForm">
<core-compile-html [text]="editFormRender" [jsData]="jsData" [extraImports]="extraImports"></core-compile-html>
</form>
</div>
diff --git a/src/addon/mod/data/pages/edit/edit.ts b/src/addon/mod/data/pages/edit/edit.ts
index c311a7137..51de16b22 100644
--- a/src/addon/mod/data/pages/edit/edit.ts
+++ b/src/addon/mod/data/pages/edit/edit.ts
@@ -185,9 +185,13 @@ export class AddonModDataEditPage {
/**
* Saves data.
*
+ * @param {Event} e Event.
* @return {Promise<any>} Resolved when done.
*/
- save(): Promise<any> {
+ save(e: Event): Promise<any> {
+ e.preventDefault();
+ e.stopPropagation();
+
const inputData = this.editForm.value;
return this.dataHelper.hasEditDataChanged(inputData, this.fieldsArray, this.data.id,
diff --git a/src/addon/mod/data/pages/search/search.html b/src/addon/mod/data/pages/search/search.html
index 4af747ec6..35b90865d 100644
--- a/src/addon/mod/data/pages/search/search.html
+++ b/src/addon/mod/data/pages/search/search.html
@@ -13,7 +13,7 @@
<a class="tab-slide" [attr.aria-selected]="!search.searchingAdvanced" (click)="toggleAdvanced()">{{ 'addon.mod_data.search' | translate}}</a>
<a class="tab-slide" [attr.aria-selected]="search.searchingAdvanced" (click)="toggleAdvanced()">{{ 'addon.mod_data.advancedsearch' | translate }}</a>
</div>
- <form (ngSubmit)="searchEntries()" [formGroup]="searchForm">
+ <form (ngSubmit)="searchEntries($event)" [formGroup]="searchForm">
<ion-list no-margin>
<ion-item [hidden]="search.searchingAdvanced">
<ion-input type="text" placeholder="{{ 'addon.mod_data.search' | translate}}" [(ngModel)]="search.text" name="text" formControlName="text"></ion-input>
diff --git a/src/addon/mod/data/pages/search/search.ts b/src/addon/mod/data/pages/search/search.ts
index e5a0ac8a7..8bd04314b 100644
--- a/src/addon/mod/data/pages/search/search.ts
+++ b/src/addon/mod/data/pages/search/search.ts
@@ -183,8 +183,13 @@ export class AddonModDataSearchPage {
/**
* Done editing.
+ *
+ * @param {Event} e Event.
*/
- searchEntries(): void {
+ searchEntries(e: Event): void {
+ e.preventDefault();
+ e.stopPropagation();
+
const searchedData = this.searchForm.value;
if (this.search.searchingAdvanced) {
diff --git a/src/addon/mod/lesson/components/index/addon-mod-lesson-index.html b/src/addon/mod/lesson/components/index/addon-mod-lesson-index.html
index cc32f61e1..e4e86a524 100644
--- a/src/addon/mod/lesson/components/index/addon-mod-lesson-index.html
+++ b/src/addon/mod/lesson/components/index/addon-mod-lesson-index.html
@@ -33,7 +33,7 @@
<!-- Input password for protected lessons. -->
<ion-card *ngIf="askPassword">
- <form ion-list (ngSubmit)="submitPassword(passwordinput)">
+ <form ion-list (ngSubmit)="submitPassword($event, passwordinput)">
<ion-item>
<core-show-password item-content [name]="'password'">
<ion-label>{{ 'addon.mod_lesson.enterpassword' | translate }}</ion-label>
diff --git a/src/addon/mod/lesson/components/index/index.ts b/src/addon/mod/lesson/components/index/index.ts
index de7981894..34170064f 100644
--- a/src/addon/mod/lesson/components/index/index.ts
+++ b/src/addon/mod/lesson/components/index/index.ts
@@ -502,9 +502,13 @@ export class AddonModLessonIndexComponent extends CoreCourseModuleMainActivityCo
/**
* Submit password for password protected lessons.
*
+ * @param {Event} e Event.
* @param {HTMLInputElement} passwordEl The password input.
*/
- submitPassword(passwordEl: HTMLInputElement): void {
+ submitPassword(e: Event, passwordEl: HTMLInputElement): void {
+ e.preventDefault();
+ e.stopPropagation();
+
const password = passwordEl && passwordEl.value;
if (!password) {
this.domUtils.showErrorModal('addon.mod_lesson.emptypassword', true);
diff --git a/src/addon/mod/lesson/pages/password-modal/password-modal.html b/src/addon/mod/lesson/pages/password-modal/password-modal.html
index ae59b9d92..b673d540c 100644
--- a/src/addon/mod/lesson/pages/password-modal/password-modal.html
+++ b/src/addon/mod/lesson/pages/password-modal/password-modal.html
@@ -9,7 +9,7 @@
</ion-navbar>
</ion-header>
<ion-content padding class="addon-mod_lesson-password-modal">
- <form ion-list (ngSubmit)="submitPassword(passwordinput)">
+ <form ion-list (ngSubmit)="submitPassword($event, passwordinput)">
<ion-item>
<core-show-password item-content [name]="'password'">
<ion-label>{{ 'addon.mod_lesson.enterpassword' | translate }}</ion-label>
diff --git a/src/addon/mod/lesson/pages/password-modal/password-modal.ts b/src/addon/mod/lesson/pages/password-modal/password-modal.ts
index d9c116c8f..d748163eb 100644
--- a/src/addon/mod/lesson/pages/password-modal/password-modal.ts
+++ b/src/addon/mod/lesson/pages/password-modal/password-modal.ts
@@ -29,8 +29,14 @@ export class AddonModLessonPasswordModalPage {
/**
* Send the password back.
+ *
+ * @param {Event} e Event.
+ * @param {HTMLInputElement} password The input element.
*/
- submitPassword(password: HTMLInputElement): void {
+ submitPassword(e: Event, password: HTMLInputElement): void {
+ e.preventDefault();
+ e.stopPropagation();
+
this.viewCtrl.dismiss(password.value);
}
diff --git a/src/addon/mod/lesson/pages/player/player.html b/src/addon/mod/lesson/pages/player/player.html
index 3bfc7dff9..86c088030 100644
--- a/src/addon/mod/lesson/pages/player/player.html
+++ b/src/addon/mod/lesson/pages/player/player.html
@@ -108,7 +108,7 @@
</ng-container>
<ion-item>
- <button ion-button block (click)="submitQuestion()" class="button-no-uppercase">{{ question.submitLabel }}</button>
+ <button ion-button block (click)="submitQuestion($event)" class="button-no-uppercase">{{ question.submitLabel }}</button>
</ion-item>
</form>
</ion-card>
diff --git a/src/addon/mod/lesson/pages/player/player.ts b/src/addon/mod/lesson/pages/player/player.ts
index 137256b46..01fd5b4bf 100644
--- a/src/addon/mod/lesson/pages/player/player.ts
+++ b/src/addon/mod/lesson/pages/player/player.ts
@@ -606,8 +606,13 @@ export class AddonModLessonPlayerPage implements OnInit, OnDestroy {
/**
* Submit a question.
+ *
+ * @param {Event} e Event.
*/
- submitQuestion(): void {
+ submitQuestion(e: Event): void {
+ e.preventDefault();
+ e.stopPropagation();
+
this.loaded = false;
// Use getRawValue to include disabled values.
diff --git a/src/addon/mod/quiz/pages/preflight-modal/preflight-modal.html b/src/addon/mod/quiz/pages/preflight-modal/preflight-modal.html
index 3d4f6c6eb..b925e9039 100644
--- a/src/addon/mod/quiz/pages/preflight-modal/preflight-modal.html
+++ b/src/addon/mod/quiz/pages/preflight-modal/preflight-modal.html
@@ -10,7 +10,7 @@
</ion-header>
<ion-content padding class="addon-mod_quiz-preflight-modal">
<core-loading [hideUntil]="loaded">
- <form ion-list [formGroup]="preflightForm" (ngSubmit)="sendData()">
+ <form ion-list [formGroup]="preflightForm" (ngSubmit)="sendData($event)">
<!-- Access rules. -->
<ng-container *ngFor="let data of accessRulesData; let last = last">
<core-dynamic-component [component]="data.component" [data]="data.data">
diff --git a/src/addon/mod/quiz/pages/preflight-modal/preflight-modal.ts b/src/addon/mod/quiz/pages/preflight-modal/preflight-modal.ts
index 6a9d3b124..7317b528d 100644
--- a/src/addon/mod/quiz/pages/preflight-modal/preflight-modal.ts
+++ b/src/addon/mod/quiz/pages/preflight-modal/preflight-modal.ts
@@ -98,8 +98,13 @@ export class AddonModQuizPreflightModalPage implements OnInit {
/**
* Check that the data is valid and send it back.
+ *
+ * @param {Event} e Event.
*/
- sendData(): void {
+ sendData(e: Event): void {
+ e.preventDefault();
+ e.stopPropagation();
+
if (!this.preflightForm.valid) {
// Form not valid. Scroll to the first element with errors.
if (!this.domUtils.scrollToInputError(this.content)) {
diff --git a/src/addon/notes/pages/add/add.html b/src/addon/notes/pages/add/add.html
index 5f5c6bb3b..aaf3bfab8 100644
--- a/src/addon/notes/pages/add/add.html
+++ b/src/addon/notes/pages/add/add.html
@@ -9,7 +9,7 @@
</ion-navbar>
</ion-header>
<ion-content padding>
- <form name="itemEdit" (ngSubmit)="addNote()">
+ <form name="itemEdit" (ngSubmit)="addNote($event)">
<ion-item>
<ion-label>{{ 'addon.notes.publishstate' | translate }}</ion-label>
<ion-select [(ngModel)]="publishState" name="publishState" interface="popover">
diff --git a/src/addon/notes/pages/add/add.ts b/src/addon/notes/pages/add/add.ts
index f31f44528..92cc7e219 100644
--- a/src/addon/notes/pages/add/add.ts
+++ b/src/addon/notes/pages/add/add.ts
@@ -41,8 +41,13 @@ export class AddonNotesAddPage {
/**
* Send the note or store it offline.
+ *
+ * @param {Event} e Event.
*/
- addNote(): void {
+ addNote(e: Event): void {
+ e.preventDefault();
+ e.stopPropagation();
+
this.appProvider.closeKeyboard();
const loadingModal = this.domUtils.showModalLoading('core.sending', true);
// Freeze the add note button.
diff --git a/src/components/search-box/core-search-box.html b/src/components/search-box/core-search-box.html
index 127de77e6..7712caf71 100644
--- a/src/components/search-box/core-search-box.html
+++ b/src/components/search-box/core-search-box.html
@@ -1,5 +1,5 @@
<ion-card>
- <form #f="ngForm" (ngSubmit)="submitForm()">
+ <form #f="ngForm" (ngSubmit)="submitForm($event)">
<ion-item>
<ion-input type="text" name="search" [(ngModel)]="searchText" [placeholder]="placeholder" [autocorrect]="autocorrect" [spellcheck]="spellcheck" [core-auto-focus]="autoFocus" [disabled]="disabled"></ion-input>
<button item-end ion-button clear icon-only type="submit" class="button-small" [attr.aria-label]="searchLabel" [disabled]="!searchText || (searchText.length < lengthCheck)" [disabled]="disabled">
diff --git a/src/components/search-box/search-box.ts b/src/components/search-box/search-box.ts
index caab5a6a3..61922cbb3 100644
--- a/src/components/search-box/search-box.ts
+++ b/src/components/search-box/search-box.ts
@@ -60,9 +60,12 @@ export class CoreSearchBoxComponent implements OnInit {
/**
* Form submitted.
*
- * @param {string} value Entered value.
+ * @param {Event} e Event.
*/
- submitForm(value: string): void {
+ submitForm(e: Event): void {
+ e.preventDefault();
+ e.stopPropagation();
+
if (this.searchText.length < this.lengthCheck) {
// The view should handle this case, but we check it here too just in case.
return;
diff --git a/src/core/courses/pages/self-enrol-password/self-enrol-password.html b/src/core/courses/pages/self-enrol-password/self-enrol-password.html
index a228ec687..3617c7dc3 100644
--- a/src/core/courses/pages/self-enrol-password/self-enrol-password.html
+++ b/src/core/courses/pages/self-enrol-password/self-enrol-password.html
@@ -10,7 +10,7 @@
</ion-navbar>
</ion-header>
<ion-content>
- <form ion-list #f="ngForm" (ngSubmit)="submitPassword(f.value.password)">
+ <form ion-list #f="ngForm" (ngSubmit)="submitPassword($event, f.value.password)">
<ion-item>
<core-show-password item-content [name]="'password'">
<ion-input text-wrap class="core-ioninput-password" name="password" type="password" placeholder="{{ 'core.courses.password' | translate }}" ngModel [core-auto-focus] [clearOnEdit]="false"></ion-input>
diff --git a/src/core/courses/pages/self-enrol-password/self-enrol-password.ts b/src/core/courses/pages/self-enrol-password/self-enrol-password.ts
index 95187568a..276cf7718 100644
--- a/src/core/courses/pages/self-enrol-password/self-enrol-password.ts
+++ b/src/core/courses/pages/self-enrol-password/self-enrol-password.ts
@@ -36,9 +36,13 @@ export class CoreCoursesSelfEnrolPasswordPage {
/**
* Submit password.
*
+ * @param {Event} e Event.
* @param {string} password Password to submit.
*/
- submitPassword(password: string): void {
+ submitPassword(e: Event, password: string): void {
+ e.preventDefault();
+ e.stopPropagation();
+
this.viewCtrl.dismiss(password);
}
}
diff --git a/src/core/login/pages/credentials/credentials.html b/src/core/login/pages/credentials/credentials.html
index 4adb68666..affc119e6 100644
--- a/src/core/login/pages/credentials/credentials.html
+++ b/src/core/login/pages/credentials/credentials.html
@@ -23,7 +23,7 @@
<p *ngIf="siteName" padding class="item-heading core-sitename"><core-format-text [text]="siteName"></core-format-text></p>
<p *ngIf="siteName" class="core-siteurl">{{siteUrl}}</p>
</div>
- <form ion-list [formGroup]="credForm" (ngSubmit)="login()">
+ <form ion-list [formGroup]="credForm" (ngSubmit)="login($event)">
<ion-item *ngIf="siteChecked && !isBrowserSSO">
<ion-input type="text" name="username" placeholder="{{ 'core.login.username' | translate }}" formControlName="username" autocapitalize="none" autocorrect="off"></ion-input>
</ion-item>
diff --git a/src/core/login/pages/credentials/credentials.ts b/src/core/login/pages/credentials/credentials.ts
index a286a4b0c..6297b353b 100644
--- a/src/core/login/pages/credentials/credentials.ts
+++ b/src/core/login/pages/credentials/credentials.ts
@@ -163,8 +163,15 @@ export class CoreLoginCredentialsPage {
/**
* Tries to authenticate the user.
+ *
+ * @param {Event} [e] Event.
*/
- login(): void {
+ login(e?: Event): void {
+ if (e) {
+ e.preventDefault();
+ e.stopPropagation();
+ }
+
this.appProvider.closeKeyboard();
// Get input data.
diff --git a/src/core/login/pages/email-signup/email-signup.html b/src/core/login/pages/email-signup/email-signup.html
index 2e810dc57..ef1df579e 100644
--- a/src/core/login/pages/email-signup/email-signup.html
+++ b/src/core/login/pages/email-signup/email-signup.html
@@ -17,7 +17,7 @@
<core-loading [hideUntil]="settingsLoaded" *ngIf="!isMinor">
<!-- Age verification. -->
- <form ion-list *ngIf="settingsLoaded && settings && ageDigitalConsentVerification" [formGroup]="ageVerificationForm" (ngSubmit)="verifyAge()">
+ <form ion-list *ngIf="settingsLoaded && settings && ageDigitalConsentVerification" [formGroup]="ageVerificationForm" (ngSubmit)="verifyAge($event)">
<ion-item-divider color="light" text-wrap>
<p class="item-heading">{{ 'core.agelocationverification' | translate }}</p>
</ion-item-divider>
@@ -47,7 +47,7 @@
</form>
<!-- Signup form. -->
- <form ion-list *ngIf="settingsLoaded && settings && !ageDigitalConsentVerification" [formGroup]="signupForm" (ngSubmit)="create()">
+ <form ion-list *ngIf="settingsLoaded && settings && !ageDigitalConsentVerification" [formGroup]="signupForm" (ngSubmit)="create($event)">
<ion-item text-wrap text-center>
<!-- If no sitename show big siteurl. -->
<p *ngIf="!siteName" padding class="item-heading">{{siteUrl}}</p>
diff --git a/src/core/login/pages/email-signup/email-signup.ts b/src/core/login/pages/email-signup/email-signup.ts
index 314f38cb4..553a33a55 100644
--- a/src/core/login/pages/email-signup/email-signup.ts
+++ b/src/core/login/pages/email-signup/email-signup.ts
@@ -221,8 +221,13 @@ export class CoreLoginEmailSignupPage {
/**
* Create account.
+ *
+ * @param {Event} e Event.
*/
- create(): void {
+ create(e: Event): void {
+ e.preventDefault();
+ e.stopPropagation();
+
if (!this.signupForm.valid || (this.settings.recaptchapublickey && !this.captcha.recaptcharesponse)) {
// Form not valid. Scroll to the first element with errors.
if (!this.domUtils.scrollToInputError(this.content)) {
@@ -309,8 +314,13 @@ export class CoreLoginEmailSignupPage {
/**
* Verify Age.
+ *
+ * @param {Event} e Event.
*/
- verifyAge(): void {
+ verifyAge(e: Event): void {
+ e.preventDefault();
+ e.stopPropagation();
+
if (!this.ageVerificationForm.valid) {
this.domUtils.showErrorModal('core.errorinvalidform', true);
diff --git a/src/core/login/pages/forgotten-password/forgotten-password.html b/src/core/login/pages/forgotten-password/forgotten-password.html
index f78d6229e..2768b0a48 100644
--- a/src/core/login/pages/forgotten-password/forgotten-password.html
+++ b/src/core/login/pages/forgotten-password/forgotten-password.html
@@ -10,7 +10,7 @@
</ion-item>
</ion-list>
<ion-card>
- <form ion-list [formGroup]="myForm" (ngSubmit)="resetPassword()">
+ <form ion-list [formGroup]="myForm" (ngSubmit)="resetPassword($event)">
<ion-item-divider text-wrap color="light">
{{ 'core.login.searchby' | translate }}
</ion-item-divider>
diff --git a/src/core/login/pages/forgotten-password/forgotten-password.ts b/src/core/login/pages/forgotten-password/forgotten-password.ts
index 2659c8126..e4b3be972 100644
--- a/src/core/login/pages/forgotten-password/forgotten-password.ts
+++ b/src/core/login/pages/forgotten-password/forgotten-password.ts
@@ -43,8 +43,13 @@ export class CoreLoginForgottenPasswordPage {
/**
* Request to reset the password.
+ *
+ * @param {Event} e Event.
*/
- resetPassword(): void {
+ resetPassword(e: Event): void {
+ e.preventDefault();
+ e.stopPropagation();
+
const field = this.myForm.value.field,
value = this.myForm.value.value;
diff --git a/src/core/login/pages/reconnect/reconnect.html b/src/core/login/pages/reconnect/reconnect.html
index 95b6a5593..7c9bda81d 100644
--- a/src/core/login/pages/reconnect/reconnect.html
+++ b/src/core/login/pages/reconnect/reconnect.html
@@ -30,7 +30,7 @@
<p class="item-heading">{{ 'core.login.username' | translate }}</p>
<p>{{username}}</p>
</ion-item>
- <form [formGroup]="credForm" (ngSubmit)="login()">
+ <form [formGroup]="credForm" (ngSubmit)="login($event)">
<ion-item margin-bottom>
<core-show-password item-content [name]="'password'">
<ion-input class="core-ioninput-password" name="password" type="password" placeholder="{{ 'core.login.password' | translate }}" formControlName="password" [clearOnEdit]="false"></ion-input>
diff --git a/src/core/login/pages/reconnect/reconnect.ts b/src/core/login/pages/reconnect/reconnect.ts
index 51f1cdaf7..4b56f7dee 100644
--- a/src/core/login/pages/reconnect/reconnect.ts
+++ b/src/core/login/pages/reconnect/reconnect.ts
@@ -110,8 +110,13 @@ export class CoreLoginReconnectPage {
/**
* Tries to authenticate the user.
+ *
+ * @param {Event} e Event.
*/
- login(): void {
+ login(e: Event): void {
+ e.preventDefault();
+ e.stopPropagation();
+
this.appProvider.closeKeyboard();
// Get input data.
diff --git a/src/core/login/pages/site/site.html b/src/core/login/pages/site/site.html
index 52a88d4bb..28007d119 100644
--- a/src/core/login/pages/site/site.html
+++ b/src/core/login/pages/site/site.html
@@ -17,7 +17,7 @@
<div text-center padding>
<img src="assets/img/login_logo.png" class="avatar-full login-logo" role="presentation">
</div>
- <form ion-list [formGroup]="siteForm" (ngSubmit)="connect(siteForm.value.siteUrl)" *ngIf="!fixedSites || fixedDisplay == 'select'">
+ <form ion-list [formGroup]="siteForm" (ngSubmit)="connect($event, siteForm.value.siteUrl)" *ngIf="!fixedSites || fixedDisplay == 'select'">
<!-- Form to input the site URL if there are no fixed sites. -->
<ng-container *ngIf="!fixedSites">
<p padding>{{ 'core.login.newsitedescription' | translate }}</p>
@@ -40,7 +40,7 @@
<p class="padding no-padding-bottom">{{ 'core.login.selectsite' | translate }}</p>
<ion-searchbar *ngIf="fixedSites.length > 4" [(ngModel)]="filter" (ionInput)="filterChanged($event)" (ionCancel)="filterChanged()" [placeholder]="'core.login.findyoursite' | translate"></ion-searchbar>
- <ion-item *ngFor="let site of filteredSites" (click)="connect(site.url)" [title]="site.name" detail-push text-wrap>
+ <ion-item *ngFor="let site of filteredSites" (click)="connect($event, site.url)" [title]="site.name" detail-push text-wrap>
<h2>{{site.name}}</h2>
<p>{{site.url}}</p>
</ion-item>
@@ -49,7 +49,7 @@
<!-- Display them using buttons. -->
<div *ngIf="fixedSites && fixedDisplay == 'buttons'">
<p class="padding no-padding-bottom">{{ 'core.login.selectsite' | translate }}</p>
- <a *ngFor="let site of fixedSites" ion-button block (click)="connect(site.url)" [title]="site.name" margin-bottom>{{site.name}}</a>
+ <a *ngFor="let site of fixedSites" ion-button block (click)="connect($event, site.url)" [title]="site.name" margin-bottom>{{site.name}}</a>
</div>
</div>
</ion-content>
diff --git a/src/core/login/pages/site/site.ts b/src/core/login/pages/site/site.ts
index a7c630e6b..2386735f8 100644
--- a/src/core/login/pages/site/site.ts
+++ b/src/core/login/pages/site/site.ts
@@ -64,8 +64,14 @@ export class CoreLoginSitePage {
/**
* Try to connect to a site.
+ *
+ * @param {Event} e Event.
+ * @param {string} url The URL to connect to.
*/
- connect(url: string): void {
+ connect(e: Event, url: string): void {
+ e.preventDefault();
+ e.stopPropagation();
+
this.appProvider.closeKeyboard();
if (!url) {