From ed4593b57cd07a2264ba862f303a21fbbbe798d6 Mon Sep 17 00:00:00 2001
From: MonikaKirkova <monika_kirkova@abv.bg>
Date: Mon, 7 Oct 2024 15:01:20 +0300
Subject: [PATCH 1/2] feat(tabs): make scroll buttons visual-only elements

---
 .../igniteui-angular/src/lib/tabs/tabs/tabs.component.html    | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/projects/igniteui-angular/src/lib/tabs/tabs/tabs.component.html b/projects/igniteui-angular/src/lib/tabs/tabs/tabs.component.html
index 325260b2370..fd8b32bce2f 100644
--- a/projects/igniteui-angular/src/lib/tabs/tabs/tabs.component.html
+++ b/projects/igniteui-angular/src/lib/tabs/tabs/tabs.component.html
@@ -1,5 +1,5 @@
 <div #headerContainer class="igx-tabs__header">
-    <button #scrollPrevButton type="button" igxIconButton="flat" igxRipple class="igx-tabs__header-button" (click)="scrollPrev()">
+    <button #scrollPrevButton type="button" igxIconButton="flat" igxRipple tabindex="-1" aria-hidden="true" class="igx-tabs__header-button" (click)="scrollPrev()">
         <igx-icon family="default" name="prev"></igx-icon>
     </button>
     <div #viewPort class="igx-tabs__header-content">
@@ -13,7 +13,7 @@
             </div>
         </div>
     </div>
-    <button #scrollNextButton type="button" igxIconButton="flat" igxRipple class="igx-tabs__header-button" (click)="scrollNext()">
+    <button #scrollNextButton type="button" igxIconButton="flat" igxRipple tabindex="-1" aria-hidden="true" class="igx-tabs__header-button" (click)="scrollNext()">
         <igx-icon family="default" name="next"></igx-icon>
     </button>
 </div>

From 2a854bfce8e35a6d50e64cfdcc5ec4d03b0bbb36 Mon Sep 17 00:00:00 2001
From: MonikaKirkova <monika_kirkova@abv.bg>
Date: Tue, 15 Oct 2024 14:08:10 +0300
Subject: [PATCH 2/2] chore(*): fix console error

---
 .../igniteui-angular/src/lib/tabs/tabs/tabs.component.html    | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/projects/igniteui-angular/src/lib/tabs/tabs/tabs.component.html b/projects/igniteui-angular/src/lib/tabs/tabs/tabs.component.html
index fd8b32bce2f..18861a57572 100644
--- a/projects/igniteui-angular/src/lib/tabs/tabs/tabs.component.html
+++ b/projects/igniteui-angular/src/lib/tabs/tabs/tabs.component.html
@@ -1,5 +1,5 @@
 <div #headerContainer class="igx-tabs__header">
-    <button #scrollPrevButton type="button" igxIconButton="flat" igxRipple tabindex="-1" aria-hidden="true" class="igx-tabs__header-button" (click)="scrollPrev()">
+    <button #scrollPrevButton type="button" igxIconButton="flat" igxRipple tabindex="-1" class="igx-tabs__header-button" (click)="scrollPrev()">
         <igx-icon family="default" name="prev"></igx-icon>
     </button>
     <div #viewPort class="igx-tabs__header-content">
@@ -13,7 +13,7 @@
             </div>
         </div>
     </div>
-    <button #scrollNextButton type="button" igxIconButton="flat" igxRipple tabindex="-1" aria-hidden="true" class="igx-tabs__header-button" (click)="scrollNext()">
+    <button #scrollNextButton type="button" igxIconButton="flat" igxRipple tabindex="-1" class="igx-tabs__header-button" (click)="scrollNext()">
         <igx-icon family="default" name="next"></igx-icon>
     </button>
 </div>