ionic-team / ionic-team/ionic-framework

bug: ios, scrolling input with long text does not work the first time

未关闭
#20,279 4 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看
bug: external type: bug
主要语言
TypeScript
星标
52.7k
派生
13.3k
平均合并
1 天 15 小时
30 天内合并 PR
51

描述

# Bug Report

**Ionic version:**
[x] **4.11.3**

**Current behavior:**
When a text within an input field is longer than its renderable width, scrolling using the keyboard will not work in iOS (13).
When I lose focus and re-enter the field again with the caret on position 0, I am able to scroll from left to right, but not back.

**Expected behavior:**
I should be able not only to set the caret to a position on the rendered text, but I should also be able to use the caret to scroll through the whole line.

**Steps to reproduce:**
- Download and install the Ionic Tabs Starter (Angular)
- Enable Cordova Integration
- To be sure, upgrade cordova-ionic-webview and cordova-ionic-keyboard to the latest version.
- On any page, add an `` like below
- Build, enter a long text and try to reposition the caret to the front (index 0)

**Related code:**

```xml

Fixed Label

```

**Other information:**
![ionic-input-type-scroll](https://user-images.githubusercontent.com/819238/73032774-46826080-3e40-11ea-9fde-c8942cb3dffa.gif)

**Ionic info:**
```
Ionic:

Ionic CLI : 5.4.15 (/Users/Wilk/.nvm/versions/node/v10.16.3/lib/node_modules/ionic)
Ionic Framework : @ionic/angular 4.11.9
@angular-devkit/build-angular : 0.801.3
@angular-devkit/schematics : 8.1.3
@angular/cli : 8.1.3
@ionic/angular-toolkit : 2.1.2

Cordova:

Cordova CLI : 9.0.0 (cordova-lib@9.0.1)
Cordova Platforms : ios 5.1.1
Cordova Plugins : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 4.1.3, (and 4 other plugins)

Utility:

cordova-res : 0.8.1
native-run : 0.3.0

System:

ios-deploy : 1.9.4
ios-sim : 8.0.2
NodeJS : v10.16.3 (/Users/Wilk/.nvm/versions/node/v10.16.3/bin/node)
npm : 6.9.0
OS : macOS Catalina
Xcode : Xcode 11.3.1 Build version 11C504
```

贡献指南

打开贡献指南

调研方向

Reproduce the issue in the Ionic Tabs Starter using the shown ion-input on iOS 13, entering text longer than the rendered width and moving the caret to position 0. Investigate the first-focus scrolling behavior and verify that the caret can scroll through the whole line in both directions without losing and restoring focus.

由索引模型根据 Issue 内容生成。

评估

技术栈
angular, ios, typescript
领域
frontend, mobile
Issue 类型
缺陷
难度
4/5
预计耗时
3-5 天
活跃度
停滞
描述清晰度
基本清楚
新手友好度
35/100

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。