diff --git a/web/satellite/src/views/ForgotPassword.vue b/web/satellite/src/views/ForgotPassword.vue
index fec6a3452..c2aa26b77 100644
--- a/web/satellite/src/views/ForgotPassword.vue
+++ b/web/satellite/src/views/ForgotPassword.vue
@@ -22,17 +22,28 @@
If you’ve forgotten your account password, you can reset it here. Make sure you’re signing in to the right satellite.
@@ -211,6 +222,9 @@ export default class ForgotPassword extends Vue {
* Sends recovery password email.
*/
public async onSendConfigurations(): Promise {
+ let activeElement = document.activeElement;
+ if (activeElement && activeElement.id === 'resetDropdown') return;
+
if (this.isLoading || !this.validateFields()) {
return;
}
@@ -220,6 +234,11 @@ export default class ForgotPassword extends Vue {
return;
}
+ if (this.isDropdownShown) {
+ this.isDropdownShown = false;
+ return;
+ }
+
this.isLoading = true;
try {
@@ -304,6 +323,8 @@ export default class ForgotPassword extends Vue {
margin-right: 10px;
font-family: 'font_regular', sans-serif;
font-weight: 700;
+ background: none;
+ border: none;
}
&__dropdown {
@@ -316,6 +337,7 @@ export default class ForgotPassword extends Vue {
box-shadow: 0 8px 34px rgb(161 173 185 / 41%);
border-radius: 6px;
min-width: 250px;
+ list-style-type: none;
&__item {
display: flex;
@@ -340,6 +362,10 @@ export default class ForgotPassword extends Vue {
background-color: #f2f2f6;
}
}
+
+ &__item:focus-visible {
+ outline: -webkit-focus-ring-color auto 1px;
+ }
}
}
@@ -396,6 +422,10 @@ export default class ForgotPassword extends Vue {
line-height: 18px;
color: #0149ff;
}
+
+ &__link:focus {
+ text-decoration: underline !important;
+ }
}
}