diff --git a/packages/core/src/components/event-list-item/event-list-item.scss b/packages/core/src/components/event-list-item/event-list-item.scss
index 7f9a5cdb091..b45efc86680 100644
--- a/packages/core/src/components/event-list-item/event-list-item.scss
+++ b/packages/core/src/components/event-list-item/event-list-item.scss
@@ -89,7 +89,6 @@ $height-single-line: 2.5rem;
}
.chevron-icon {
- display: none;
margin-left: auto;
margin-right: $small-space;
opacity: 0.6;
diff --git a/packages/core/src/components/event-list-item/event-list-item.tsx b/packages/core/src/components/event-list-item/event-list-item.tsx
index 70ee839a735..dc737a72fb9 100644
--- a/packages/core/src/components/event-list-item/event-list-item.tsx
+++ b/packages/core/src/components/event-list-item/event-list-item.tsx
@@ -87,7 +87,7 @@ export class EventListItem {
-
+ { this.chevron ? : '' }
);
diff --git a/packages/core/src/components/event-list/event-list.scss b/packages/core/src/components/event-list/event-list.scss
index 16013b64aa3..510abadda64 100644
--- a/packages/core/src/components/event-list/event-list.scss
+++ b/packages/core/src/components/event-list/event-list.scss
@@ -60,10 +60,6 @@ ul {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
-
- i.glyph {
- display: none;
- }
}
.compact:not(:last-child) {
diff --git a/packages/core/src/components/event-list/test/chevron/index.html b/packages/core/src/components/event-list/test/chevron/index.html
new file mode 100644
index 00000000000..5f1fd7550f4
--- /dev/null
+++ b/packages/core/src/components/event-list/test/chevron/index.html
@@ -0,0 +1,33 @@
+
+
+
+
+
+
+ Stencil Component Starter
+
+
+
+ Text 1
+ Text 2
+ Text 3
+ Text 4
+
+
+
+
diff --git a/packages/core/src/components/event-list/test/event-list.e2e.ts b/packages/core/src/components/event-list/test/event-list.e2e.ts
index ab7b0ebdd4f..de04b54c853 100644
--- a/packages/core/src/components/event-list/test/event-list.e2e.ts
+++ b/packages/core/src/components/event-list/test/event-list.e2e.ts
@@ -21,6 +21,11 @@ regressionTest.describe('event-list', () => {
expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();
});
+ regressionTest('chevron', async ({ page }) => {
+ await page.goto(`event-list/test/chevron`);
+ expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();
+ });
+
regressionTest('custom-height', async ({ page }) => {
await page.goto(`event-list/test/custom-height`);
expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();
diff --git a/packages/core/src/components/event-list/test/event-list.e2e.ts-snapshots/event-list-chevron-1-chromium---theme-classic-dark-linux.png b/packages/core/src/components/event-list/test/event-list.e2e.ts-snapshots/event-list-chevron-1-chromium---theme-classic-dark-linux.png
new file mode 100644
index 00000000000..ad9d37f949f
Binary files /dev/null and b/packages/core/src/components/event-list/test/event-list.e2e.ts-snapshots/event-list-chevron-1-chromium---theme-classic-dark-linux.png differ
diff --git a/packages/core/src/components/event-list/test/event-list.e2e.ts-snapshots/event-list-chevron-1-chromium---theme-classic-light-linux.png b/packages/core/src/components/event-list/test/event-list.e2e.ts-snapshots/event-list-chevron-1-chromium---theme-classic-light-linux.png
new file mode 100644
index 00000000000..2a3171bb418
Binary files /dev/null and b/packages/core/src/components/event-list/test/event-list.e2e.ts-snapshots/event-list-chevron-1-chromium---theme-classic-light-linux.png differ