ионно-угловой 3.9.2
У меня есть страница входа, подобная следующей, которая загружается при запуске, когда пользователь не вошел в систему. Дело в том, что ни имя пользователя/ e-mail, а также поле пароля не может быть выбрано до тех пор, пока не будет выполнено одно из следующих действий: - откройте боковое меню, затем закройте его - перейдите на другую вкладку, вернитесь к входу в систему - очень часто коснитесь поля ввода в течение длительного периода временивремени (до 30 секунд)
<ion-header title="login">
<ion-navbar>
<button ion-button menuToggle>
<ion-icon name="menu"></ion-icon>
</button>
<ion-title>{{"loginPage.title"|translate}}</ion-title>
<ion-buttons end>
</ion-buttons>
</ion-navbar>
</ion-header>
<ion-content padding>
<form #loginForm="ngForm" novalidate>
<ion-list no-lines>
<ion-item>
<ion-label floating color="primary">{{"loginPage.username"|translate}}</ion-label>
<ion-input [(ngModel)]="login.username" name="username" type="email" #username="ngModel" spellcheck="false" autocapitalize="off"
required>
</ion-input>
</ion-item>
<p ion-text [hidden]="username.valid || submitted == false" color="danger" padding-left>{{"loginPage.usernameRequired"|translate}}
</p>
<ion-item>
<ion-label floating color="primary">{{"loginPage.password"|translate}}</ion-label>
<ion-input [(ngModel)]="login.password" name="password" type="password" #password="ngModel" required>
</ion-input>
</ion-item>
<p ion-text [hidden]="password.valid || submitted == false" color="danger" padding-left>
{{"loginPage.passRequired"|translate}}
</p>
</ion-list>
<button ion-button (click)="onLogin(loginForm)" type="submit" block>{{ "loginPage.login" | translate }}</button>
</form>
<div></div>
<div padding>
<a class="item" href="#" (click)="onSignup()">{{ "loginPage.signup" | translate }}</a>
</div>
<div padding>
<a class="item" href="#" (click)="onForgotPassword()">{{ "loginPage.forgotPassword" | translate }}</a>
</div>
<div padding>
<a class="item" href="#" (click)="onVerify()">{{ "loginPage.verification" | translate }}</a>
</div>
</ion-content>
Любые подсказки о том, как это исправить?Потому что я просматриваю Google и ионные форумы уже более 1 часа и не могу найти ничего, что решило бы проблему ...
РЕДАКТИРОВАТЬ:
Я нашелмаленький хак, который работает, удалив входную крышку класса из элементов.Но это кажется грязным ...
let elements = document.querySelectorAll('.input-cover');
for(let i in elements)
{
if(elements[i].classList)
elements[i].classList.remove('input-cover');
}