ionic-team / ionic-team/ionic-framework
bug: ios, scrolling input with long text does not work the first time
- 主要语言
- 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 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