ionic-team / ionic-team/ionic-framework
bug: Inconsistent Font Weight in ion-item-divider Across Android and iOS
- 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
v7.x
### Current Behavior
I am using ion-item-divider in Ionic, but the issue is that on Android, the text inside ion-item-divider has a normal font weight, while on iOS, the font weight is bold
### Expected Behavior
I believe we are using a hybrid mobile application framework, and when both platforms behave differently for the same web component, it becomes really hard to maintain. How can I manage this?
### Steps to Reproduce
Please visit - https://ionicframework.com/docs/api/item-divider
iOS

Android

### Code Reproduction URL
https://github.com/souravion/item-divider
### Ionic Info
Ionic:
Ionic CLI : 7.1.5 (C:\mypc\xxxxx\AppData\Roaming\npm\node_modules\@ionic\cli)
Ionic Framework : @ionic/angular 6.7.5
@angular-devkit/build-angular : 13.2.6
@angular-devkit/schematics : 13.3.11
@angular/cli : 13.3.11
@ionic/angular-toolkit : 5.0.3
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 : v20.15.1 (C:\Program Files\nodejs\node.exe)
npm : 10.7.0
OS : Windows 10
### Additional Information
_No response_
Hướng dẫn đóng góp
Hướng nghiên cứu
Start with the ion-item-divider API example and the linked reproduction at souravion/item-divider, comparing its rendered font weight on Android and iOS. Trace the component's platform-specific styling and verify that the same divider text has consistent font weight across both platforms.
Do mô hình lập chỉ mục viết ra từ nội dung của issue.
Đánh giá
- Công nghệ
- android, angular, ios, typescript
- Lĩnh vực
- design, frontend, mobile
- 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
- 38/100