ionic-team / ionic-team/ionic-framework

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

Aperta
#20,150 4 commenti 2 reazioni 0 assegnatari Vedi su GitHub
package: core type: bug
Lingua principale
TypeScript
Stelle
52.7k
Fork
13.3k
Merge medio
1g 15h
PR unite (30g)
51

Descrizione

**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
```

Guida per i contributori

Apri la guida per i contributori

Valutazione

Questa issue non è ancora stata valutata.

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.