html - 点击时离子输入复制和转换？

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 类：（我刚刚添加了 transform: none 来尝试解决问题，但是由于转换被设置为元素样式，所以它不起作用。）

.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;
    }

标签： htmlcssionic-frameworkionic3

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' )
           ...

也许它会对某人有所帮助。