ionic-team / ionic-team/ionic-framework
bug: ion-label does not apply ellipsis when the text is too long
- 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
ion-label does not ellipsis when the text is multi-line. This wrong behavior appears in the docs
### Expected Behavior
The Ionic v6 docs are ok
### Steps to Reproduce
1. Create a ion-item.
2. Add a ion-label
3. Insert a long text
### Code Reproduction URL
https://ionicframework.com/docs/api/label
### Ionic Info
Ionic:
Ionic CLI : 7.2.0
Ionic Framework : @ionic/angular 8.4.0
@angular-devkit/build-angular : 19.0.3
@angular-devkit/schematics : 19.0.3
@angular/cli : 19.0.3
@ionic/angular-toolkit : 12.1.1
Capacitor:
Capacitor CLI : 6.1.2
@capacitor/android : 6.1.2
@capacitor/core : 6.1.2
@capacitor/ios : 6.1.2
Utility:
cordova-res : not installed globally
native-run : 2.0.1
System:
NodeJS : v18.20.2 (/Users/israel/.volta/tools/image/node/18.20.2/bin/node)
npm : 10.5.0
OS : macOS Unknown
### Additional Information
_No response_
Hướng dẫn đóng góp
Hướng nghiên cứu
Start with the ion-label API documentation reproduction URL and reproduce the behavior using an ion-item, an ion-label, and long multiline text. Compare the v8 result with the v6 documentation screenshots; the work is done when the label applies ellipsis as expected in the documented case.
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, typescript
- Lĩnh vực
- frontend, web-dev
- 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