From e056918e4f95a92d8aae323124f0ea486bc36216 Mon Sep 17 00:00:00 2001
From: BatJan <1932158+BatJan@users.noreply.github.com>
Date: Wed, 15 Sep 2021 18:44:04 +0200
Subject: [PATCH] Ensure the expression is interpolated so the aria-selected
 attribute has a proper true/false value

---
 .../src/views/components/tabs/umb-tabs-nav.html               | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/views/components/tabs/umb-tabs-nav.html b/src/Umbraco.Web.UI.Client/src/views/components/tabs/umb-tabs-nav.html
index b55555339b..df649a9e4a 100644
--- a/src/Umbraco.Web.UI.Client/src/views/components/tabs/umb-tabs-nav.html
+++ b/src/Umbraco.Web.UI.Client/src/views/components/tabs/umb-tabs-nav.html
@@ -1,6 +1,6 @@
 <ul role="tablist" class="umb-tabs-nav">
     <li class="umb-tab" ng-repeat="tab in vm.tabs |  limitTo: vm.maxTabs" data-element="tab-{{tab.alias}}" ng-class="{'umb-tab--active': tab.active, 'umb-tab--error': valTab_tabHasError}" val-tab>
-        <button class="btn-reset umb-tab-button" ng-click="vm.clickTab($event, tab)" role="tab" aria-selected="{tab.active}" type="button">
+        <button class="btn-reset umb-tab-button" ng-click="vm.clickTab($event, tab)" role="tab" aria-selected="{{tab.active}}" type="button">
             {{ tab.label }}
             <div ng-show="valTab_tabHasError && !tab.active" class="badge">!</div>
         </button>
@@ -23,7 +23,7 @@
                     ng-class="{'dropdown-menu--active': tab.active}"
                     ng-click="vm.clickTab($event, tab)"
                     role="tab"
-                    aria-selected="{tab.active}" >
+                    aria-selected="{{tab.active}}" >
                     {{ tab.label }}
                     <div ng-show="valTab_tabHasError && !tab.active" class="badge">!</div>
                 </button>