Ionic3 вход не выбирается - PullRequest
0 голосов
/ 26 мая 2019

ионно-угловой 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');
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...