mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-19 03:32:21 +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-family: $font-family-base;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
|
|
||||||
line-height: 1;
|
|
||||||
|
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
@ -9,4 +9,28 @@ test.describe('chip: rendering', () => {
|
|||||||
|
|
||||||
expect(await page.screenshot()).toMatchSnapshot(`chip-basic-${page.getSnapshotSettings()}.png`);
|
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