Skip to content

TabList next button visibility issue #8250

@Bepen

Description

@Bepen

Describe the bug

When the tab list is occupying certain widths, there can be an issue where the next button doesn't disappear even though the tab list has been scrolled all the way to the end

Pull Request Link

#8249

Reason for not contributing a PR

  • Lack of time
  • Unsure how to implement the fix/feature
  • Difficulty understanding the codebase
  • Other

Other Reason

No response

Reproducer

https://stackblitz.com/edit/primevue-4-vite-issue-template-5gkzmvjf?file=src%2FApp.vue

Environment

MacOS, Chrome

Vue version

3.4.31

PrimeVue version

4.4.1

Node version

No response

Browser(s)

No response

Steps to reproduce the behavior

  1. Go to StackBlitz Reproducer
  2. Use next arrow to scroll all the way to the end of the tab list
  3. See that the last element is cut off

Expected behavior

Last element should not be cut off

Metadata

Metadata

Assignees

No one assigned

    Labels

    Status: Needs TriageIssue will be reviewed by Core Team and a relevant label will be added as soon as possible

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions