角+电容:输入与键盘不对齐

Question

我正在开发一个棱角环境中的应用程序。我主要是通过浏览器测试和开发这个应用程序，然后通过电容构建它，作为一个本地应用程序在iOS和安卓上运行。

我现在面临一个错误，它严重影响整个用户体验，每当用户按下输入字段(在最后的iOS构建中)时，iOS (电容)键盘就会按下，同时将输入字段从用户焦点移开。有时它甚至被其他UI元素完全隐藏。

是否有一种方法以编程方式移动焦点输入字段，使其始终准确地显示在键盘上？

我也尝试改变电容键盘“调整大小”设置(本机，身体，离子，无)，没有任何改善。

我已经为下面的输入表格附上了示例和html。谢谢!

HTML表单

视频示例：https://i.imgur.com/5NRsaX0.mp4

Answer 1

我不舒服，这对你有用，但求你了，试着

1. 将此部分移动到离子头中

如果不这样做的话。

1. 使用离子含量而不是<div class="content">
2. 如果您希望目标输入直接位于标头下面，那么您可以尝试使用来自ion--content的以下ion--content方法

<input (focus)="inputTrigger($event)">

export class YourPage {
    @ViewChild(IonContent) theContent: IonContent;

   // 
    inputTrigger(event) {
      const position = event.target.getBoundingClientRet()
      this.theContent.scrollToPoint(0,position.top).then(()=>{})
    }
}

因为我对你的代码不太了解，所以它不会开箱即用，但它可能会指引你找到答案;)