From dc84c394ccc6d12e0429ea743f9dd7682c850dde Mon Sep 17 00:00:00 2001
From: mertsincan <sincan.mert@gmail.com>
Date: Thu, 25 Apr 2024 01:58:54 +0100
Subject: [PATCH] Refactor #5621

---
 components/lib/tablist/TabList.vue | 2 +-
 components/lib/tabs/BaseTabs.vue   | 4 ++++
 components/lib/tabs/Tabs.d.ts      | 4 ++++
 3 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/components/lib/tablist/TabList.vue b/components/lib/tablist/TabList.vue
index 43f8c3fd5..9892f8bd6 100644
--- a/components/lib/tablist/TabList.vue
+++ b/components/lib/tablist/TabList.vue
@@ -13,7 +13,7 @@
         >
             <component :is="templates.previousicon || 'ChevronLeftIcon'" aria-hidden="true" v-bind="ptm('previousIcon')" />
         </button>
-        <div ref="content" :class="cx('content')" @scroll="onScroll" v-bind="ptm('content')">
+        <div ref="content" :class="cx('content')" @scroll="onScroll" :style="{ height: $pcTabs.scrollHeight }" v-bind="ptm('content')">
             <div ref="tabs" :class="cx('tabs')" role="tablist" :aria-orientation="$pcTabs.orientation" v-bind="ptm('tabs')">
                 <slot></slot>
                 <span ref="inkbar" :class="cx('inkbar')" role="presentation" aria-hidden="true" v-bind="ptm('inkbar')"></span>
diff --git a/components/lib/tabs/BaseTabs.vue b/components/lib/tabs/BaseTabs.vue
index 6642467fd..a649e7242 100644
--- a/components/lib/tabs/BaseTabs.vue
+++ b/components/lib/tabs/BaseTabs.vue
@@ -22,6 +22,10 @@ export default {
             type: Boolean,
             default: false
         },
+        scrollHeight: {
+            type: String,
+            default: undefined
+        },
         showNavigators: {
             type: Boolean,
             default: true
diff --git a/components/lib/tabs/Tabs.d.ts b/components/lib/tabs/Tabs.d.ts
index 80a05e413..65c58b236 100644
--- a/components/lib/tabs/Tabs.d.ts
+++ b/components/lib/tabs/Tabs.d.ts
@@ -104,6 +104,10 @@ export interface TabsProps {
      * @defaultValue false
      */
     scrollable?: boolean | undefined;
+    /**
+     * Height of the viewport, a scrollbar is defined if height of list exceeds this value.
+     */
+    scrollHeight?: string | undefined;
     /**
      * Whether to display navigation buttons in container when scrollable is enabled.
      * @defaultValue true