ionic-team / ionic-team/ionic-framework

bug: stacked label line height causes letters like j, g, and p to be cut off

Đang mở
#20,150 4 bình luận 2 reaction 0 người được giao Xem trên GitHub
package: core 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ả

**Ionic version: 4.11.7**

**I'm submitting a ...**
[X] bug report

**Current behavior:**
For ion-item with a stacked ion-label with ion-input or ion-textarea, the characters 'jgp' are cutoff at the bottom. I am using latest version of chrome on MacOs and it is in MD mode. Seems to be ok if I slightly zoom in or out but default 100% view these characters are cutoff. See image below where at pink highlight:
stacked_label_cutoff

stacked_label_cutoff_closeup

**Expected behavior:**
All stacked characters should be shown in full.

**Steps to reproduce:**
```


Caption - Check 'jjggpp' Cut Off

```

**Ionic info:**
```
Ionic:

Ionic CLI : 5.2.1 (/usr/local/lib/node_modules/ionic)
Ionic Framework : @ionic/angular 4.11.7
@angular-devkit/build-angular : 0.802.2
@angular-devkit/schematics : 8.3.21
@angular/cli : 8.3.21
@ionic/angular-toolkit : 2.1.1

Cordova:

Cordova CLI : 9.0.0 (cordova-lib@9.0.1)
Cordova Platforms : android 8.0.0, browser 5.0.4
Cordova Plugins : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 2.2.0, (and 9 other plugins)

Utility:

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

System:

ios-deploy : 1.9.1
NodeJS : v10.10.0 (/usr/local/bin/node)
npm : 6.13.4
OS : macOS Mojave
```

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

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

Đánh giá

Issue này chưa được đánh giá.

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.