ionic-team / ionic-team/ionic-framework

bug: Crash removing/adding ion-input start/end slot

Đang mở
#30,380 1 bình luận 0 reaction 0 người được giao Xem trên GitHub
needs: investigation
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ả

### Prerequisites

- [x] I have read the [Contributing Guidelines](https://github.com/ionic-team/ionic-framework/blob/main/docs/CONTRIBUTING.md#creating-an-issue).
- [x] I agree to follow the [Code of Conduct](https://ionicframework.com/code-of-conduct).
- [x] I have searched for [existing issues](https://github.com/ionic-team/ionic-framework/issues) that already report this problem, without success.

### Ionic Framework Version

v8.x

### Current Behavior

If the ion-input start/end slots are dynamically removed (for example, in response to user typing) then there is a crash

### Expected Behavior

Does not crash

### Steps to Reproduce

1. Visit https://stackblitz.com/edit/yrmxeg-uodqah?file=src%2Fmain.tsx
2. Type anything
3. Crash

### Code Reproduction URL

https://stackblitz.com/edit/yrmxeg-uodqah

### Ionic Info

Ionic:

Ionic CLI : 7.1.1 (/Users/aeharding/.nvm/versions/node/v20.8.1/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/react 7.6.3

Capacitor:

Capacitor CLI : 5.6.0
@capacitor/android : 5.6.0
@capacitor/core : 5.6.0
@capacitor/ios : 5.6.0

Utility:

cordova-res : not installed globally
native-run : not installed globally

System:

NodeJS : v20.8.1 (/Users/aeharding/.nvm/versions/node/v20.8.1/bin/node)
npm : 10.1.0
OS : macOS Unknown

### Additional Information

The bot closed https://github.com/ionic-team/ionic-framework/issues/28855

> Thank you for the issue, and apologies for the delay. I can replicate this, but I need to dig into why exactly it's happening. It's possible this is related to the simulated slots feature that we use for components like ion-input and ion-textarea, since the bug doesn't replicate with non-simulated slots like the ones on ion-button.

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

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

Hướng nghiên cứu

Start by running the linked StackBlitz reproduction and typing into the ion-input to confirm the crash. Investigate the ion-input simulated-slots behavior when a start or end slot is dynamically removed, and consider the issue done when adding or removing those slots no longer crashes.

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

Đánh giá

Công nghệ
react, typescript
Lĩnh vực
frontend
Loại issue
Lỗi
Độ khó
3/5
Thời gian dự kiến
1-2 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.