diff --git a/core/src/components/label/label.scss b/core/src/components/label/label.scss index 394281aaa2..f2041041e4 100644 --- a/core/src/components/label/label.scss +++ b/core/src/components/label/label.scss @@ -79,3 +79,17 @@ :host(.label-no-animate.label-floating) { transition: none; } + +// Headings +// -------------------------------------------------- + +::slotted(*) h1, +::slotted(*) h2, +::slotted(*) h3, +::slotted(*) h4, +::slotted(*) h5, +::slotted(*) h6 { + text-overflow: inherit; + + overflow: inherit; +} diff --git a/core/src/components/label/test/headings/e2e.ts b/core/src/components/label/test/headings/e2e.ts new file mode 100644 index 0000000000..cdbb7726a9 --- /dev/null +++ b/core/src/components/label/test/headings/e2e.ts @@ -0,0 +1,10 @@ +import { newE2EPage } from '@stencil/core/testing'; + +test('label: headings', async () => { + const page = await newE2EPage({ + url: '/src/components/label/test/headings?ionic:_testing=true' + }); + + const compare = await page.compareScreenshot(); + expect(compare).toMatchScreenshot(); +}); diff --git a/core/src/components/label/test/headings/index.html b/core/src/components/label/test/headings/index.html new file mode 100644 index 0000000000..e0a1fdada0 --- /dev/null +++ b/core/src/components/label/test/headings/index.html @@ -0,0 +1,70 @@ + + + +
+ +Lorem, ipsum dolor sit amet consectetur adipisicing elit. Architecto laborum, voluptatum corporis reprehenderit ipsa nostrum aperiam optio porro?
+