diff --git a/components/lib/tabview/TabView.js b/components/lib/tabview/TabView.js
index b7a7a4e524..a3bb866269 100644
--- a/components/lib/tabview/TabView.js
+++ b/components/lib/tabview/TabView.js
@@ -137,6 +137,12 @@ export class TabView extends Component {
event.preventDefault();
}
+ onKeyDown(event, tab, index) {
+ if(event.code === 'Enter') {
+ this.onTabHeaderClick(event,tab,index)
+ }
+ }
+
updateInkBar() {
const activeIndex = this.getActiveIndex();
const tabHeader = this[`tab_${activeIndex}`];
@@ -244,7 +250,7 @@ export class TabView extends Component {
let content = (
/* eslint-disable */
- this.onTabHeaderClick(event, tab, index)} id={id}
+ this.onTabHeaderClick(event, tab, index)} id={id} onKeyDown={(event) => this.onKeyDown(event, tab, index)}
aria-controls={ariaControls} aria-selected={selected} tabIndex={tabIndex}>
{leftIconElement}
{titleElement}
@@ -260,6 +266,7 @@ export class TabView extends Component {
className: 'p-tabview-nav-link',
titleClassName: 'p-tabview-title',
onClick: (event) => this.onTabHeaderClick(event, tab, index),
+ onKeyDown: (event) => onKeyDown(event, tab, index),
leftIconElement,
titleElement,
rightIconElement,