fix(ui5-tabcontainer): make disabled tabs focusable in overflow (#5300)

Fixes: 5131
SAP · Jun 1, 2022 · c39917f · c39917f
1 parent 379cc7b
commit c39917f
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 3 deletions.
diff --git a/packages/main/src/Tab.js b/packages/main/src/Tab.js
@@ -405,7 +405,7 @@ class Tab extends UI5Element {
 			classes.push(`ui5-tab-overflow-item--${this.design.toLowerCase()}`);
 		}
 
-		if (this.disabled) {
+		if (this.effectiveDisabled) {
 			classes.push("ui5-tab-overflow-item--disabled");
 		}
 

diff --git a/packages/main/src/TabInOverflow.hbs b/packages/main/src/TabInOverflow.hbs
@@ -2,7 +2,6 @@
 	id="{{this._id}}"
 	class="{{this.overflowClasses}}"
 	type="{{this.overflowState}}"
-	?disabled="{{this.effectiveDisabled}}"
 	aria-disabled="{{this.effectiveDisabled}}"
 	aria-selected="{{this.effectiveSelected}}"
 	aria-labelledby="{{this.ariaLabelledBy}}"

diff --git a/packages/theming/css-vars-usage.json b/packages/theming/css-vars-usage.json
@@ -417,4 +417,4 @@
   "--sapToolbar_SeparatorColor",
   "--sapWarningBackground",
   "--sapWarningBorderColor"
-]
+]