ionic-team / ionic-team/ionic-framework

bug: autofocus input causes modal animation be incorrect on ios

Đang mở
#18,257 8 bình luận 11 reaction 0 người được giao Xem trên GitHub
bug: external type: bug
Ngôn ngữ chính
TypeScript
Star
52.7k
Fork
13.3k
Merge trung bình
1 ngày 15 giờ
Pull request đã merge (30 ngày)
51

Mô tả

# Bug Report

**Ionic version:**

[x] **4.x**

**Current behavior:**

The same issue as reported in #16136:
When setting autofocus on an ion-input element in a modal in ios, the modal content disappears.

**Expected behavior:**

The modal content does not disappear.

**Steps to reproduce:**

1. Create an Ionic App
2. Create a Modal with `const modal = await this.modalController.create({...`
3. Set autofocus on an ion-input element in the modal component

**Related code:**

`modal.component.html`:
```


Some Modal Component


Some Input

```

**Other information:**

Related issue: #16136

**Ionic info:**

```
Ionic:

ionic (Ionic CLI) : 4.12.0
Ionic Framework : @ionic/angular 4.4.0
@angular-devkit/build-angular : 0.13.8
@angular-devkit/schematics : 7.3.8
@angular/cli : 7.3.8
@ionic/angular-toolkit : 1.5.1

Cordova:

cordova (Cordova CLI) : 8.1.2 (cordova-lib@8.1.1)
Cordova Platforms : android 7.1.4, ios 4.5.5
Cordova Plugins : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 4.0.1, (and 4 other plugins)

System:

Android SDK Tools : 26.1.1
NodeJS : v11.9.0
npm : 6.9.0
OS : macOS Mojave
Xcode : Xcode 10.2.1 Build version 10E1001
```

Hướng dẫn đóng góp

Mở hướng dẫn đóng góp

Hướng nghiên cứu

Start with the modal.component.html reproduction and compare the behavior with related issue #16136. Reproduce the autofocus case on iOS, then trace the modal animation and ion-input interaction in the Ionic Framework source. Done means the modal content remains visible while the autofocus input is active.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Đánh giá

Công nghệ
angular, ios, typescript
Lĩnh vực
frontend, mobile
Loại issue
Lỗi
Độ khó
4/5
Thời gian dự kiến
3-5 ngày
Mức độ hoạt động
Đình trệ
Độ rõ ràng
Khá rõ ràng
Mức phù hợp với người mới
35/100

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.