mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-18 19:21:34 +08:00
fix(chip): descenders are not clipped in label (#26729)
resolves #18313
This commit is contained in:
@ -27,8 +27,6 @@
|
||||
font-family: $font-family-base;
|
||||
font-size: 14px;
|
||||
|
||||
line-height: 1;
|
||||
|
||||
cursor: pointer;
|
||||
|
||||
overflow: hidden;
|
||||
|
@ -9,4 +9,28 @@ test.describe('chip: rendering', () => {
|
||||
|
||||
expect(await page.screenshot()).toMatchSnapshot(`chip-basic-${page.getSnapshotSettings()}.png`);
|
||||
});
|
||||
|
||||
test('should not clip descenders in item', async ({ page, skip }) => {
|
||||
skip.rtl();
|
||||
skip.mode('md');
|
||||
|
||||
test.info().annotations.push({
|
||||
type: 'issue',
|
||||
description: 'https://github.com/ionic-team/ionic-framework/issues/18313',
|
||||
});
|
||||
|
||||
await page.setContent(`
|
||||
<ion-list>
|
||||
<ion-item>
|
||||
<ion-chip>
|
||||
<ion-label>Agreements</ion-label>
|
||||
</ion-chip>
|
||||
</ion-item>
|
||||
</ion-list>
|
||||
`);
|
||||
|
||||
const chip = page.locator('ion-chip');
|
||||
|
||||
expect(await chip.screenshot()).toMatchSnapshot(`chip-descender-${page.getSnapshotSettings()}.png`);
|
||||
});
|
||||
});
|
||||
|
Binary file not shown.
After Width: | Height: | Size: 5.7 KiB |
Binary file not shown.
After Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
After Width: | Height: | Size: 5.8 KiB |
Reference in New Issue
Block a user