vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Fixed #3849 - TabView: Scrollable Starting/Ending Nav Arrow Blocks First/Last Tab

pull/3852/head
Tuğçe Küçükoğlu 2023-04-11 13:29:27 +03:00
parent f2fc192c1a
commit ff609bf403
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
components/lib/tabview/TabView.vue
View File

@ -83,10 +83,10 @@
<script> <script>
import BaseComponent from 'primevue/basecomponent'; import BaseComponent from 'primevue/basecomponent';
import Ripple from 'primevue/ripple';
import { DomHandler, UniqueComponentId } from 'primevue/utils';
import ChevronLeftIcon from 'primevue/icon/chevronleft'; import ChevronLeftIcon from 'primevue/icon/chevronleft';
import ChevronRightIcon from 'primevue/icon/chevronright'; import ChevronRightIcon from 'primevue/icon/chevronright';
import Ripple from 'primevue/ripple';
import { DomHandler, UniqueComponentId } from 'primevue/utils';
export default { export default {
name: 'TabView', name: 'TabView',
extends: BaseComponent, extends: BaseComponent,
@ -191,7 +191,7 @@ export default {
}, },
onPrevButtonClick() { onPrevButtonClick() {
const content = this.$refs.content; const content = this.$refs.content;
const width = DomHandler.getWidth(content) - this.getVisibleButtonWidths(); const width = DomHandler.getWidth(content);
const pos = content.scrollLeft - width; const pos = content.scrollLeft - width;
content.scrollLeft = pos <= 0 ? 0 : pos; content.scrollLeft = pos <= 0 ? 0 : pos;