Fixed #3849 - TabView: Scrollable Starting/Ending Nav Arrow Blocks Fi…

…rst/Last Tab
primefaces · Apr 11, 2023 · ff609bf · ff609bf
1 parent f2fc192
commit ff609bf
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/components/lib/tabview/TabView.vue b/components/lib/tabview/TabView.vue
@@ -83,10 +83,10 @@
 
 <script>
 import BaseComponent from 'primevue/basecomponent';
-import Ripple from 'primevue/ripple';
-import { DomHandler, UniqueComponentId } from 'primevue/utils';
 import ChevronLeftIcon from 'primevue/icon/chevronleft';
 import ChevronRightIcon from 'primevue/icon/chevronright';
+import Ripple from 'primevue/ripple';
+import { DomHandler, UniqueComponentId } from 'primevue/utils';
 export default {
     name: 'TabView',
     extends: BaseComponent,
@@ -191,7 +191,7 @@ export default {
         },
         onPrevButtonClick() {
             const content = this.$refs.content;
-            const width = DomHandler.getWidth(content) - this.getVisibleButtonWidths();
+            const width = DomHandler.getWidth(content);
             const pos = content.scrollLeft - width;
 
             content.scrollLeft = pos <= 0 ? 0 : pos;