Дублирование и преобразование ионного ввода при нажатии?

Question

У меня есть проект с ионным входом. По какой-то причине вход дублируется с помощью преобразования CSS, применяемого при нажатии. Что вызывает это, и как я могу исправить это, чтобы он не показывал?

GIF ниже в Chrome, но я смог скопировать его на физическом устройстве Android.

Ввод HTML:

<ion-input placeholder="Guess" type="{{keyboardType}}" pattern="\\d*" maxlength="{{answerLength}}" clear-input class="guess-input" [(ngModel)]="guess" (keyup.enter)="submitGuess()"></ion-input>

Пользовательский класс CSS: (Я просто добавил преобразование: нет, чтобы попытаться решить проблему, но поскольку преобразование настроено на стиль элемента, оно не сработало.)

.guess-input{
        margin: 10px 1% 0 0;
        width: 80%;
        background-color: white;
        border: 1.5px solid black;
        transform: none;
        display: inline-block;
        height: 40px;
        border-radius: 5px;
    }

Answer 1

У меня есть несколько платформ, и я исправлял это ..

Я положил в app.component.ts:

constructor(
                ...
                public config: Config,
        ) {
                // all platforms
        this.config.set( 'scrollPadding', false )
        this.config.set( 'scrollAssist', false )
        this.config.set( 'autoFocusAssist', false )
        // android
        this.config.set( 'android', 'scrollAssist', true )
        this.config.set( 'android', 'autoFocusAssist', 'delay' )
           ...

Может быть, это кому-нибудь пригодится.