Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Closed
shweinfeld opened this issue Apr 10, 2023 · 0 comments
Closed
Assignees
Labels
Type: Bug Issue contains a bug related to a specific component. Something about the component is not working
Milestone

Comments

@shweinfeld
Copy link

Describe the bug

The ending nav arrow remains even once you have reached the end of the list. This behavior is inconsistent. Sometimes the nav arrow will disappear once you can no longer scroll, and sometimes it remains, and blocks the end of the last tab.

Reproducer

https://codesandbox.io/p/sandbox/distracted-mcnulty-nzggoo?welcome=true&file=README.md

PrimeVue version

3.9.1

Vue version

3.x

Language

TypeScript

Build / Runtime

Vue CLI App

Browser(s)

No response

Steps to reproduce the behavior

  1. Navigate to end of tab view
  2. change screen container width
  3. navigate backward and forward again until you reach the end
  4. repeat steps 2 and 3 until you have seen that the ending nav arrow blocks the last tab at some widths, and not at others

Expected behavior

Ending nav arrow should not be displayed when the user cannot continue to scroll.

@shweinfeld shweinfeld added the Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible label Apr 10, 2023
@tugcekucukoglu tugcekucukoglu changed the title TabView: Scrollable Ending Nav Arrow Blocks Last Tab, Inconsistently TabView: Scrollable Starting/Ending Nav Arrow Blocks First/Last Tab Apr 11, 2023
@tugcekucukoglu tugcekucukoglu added Type: Bug Issue contains a bug related to a specific component. Something about the component is not working and removed Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible labels Apr 11, 2023
@tugcekucukoglu tugcekucukoglu added this to the 3.27.0 milestone Apr 11, 2023
@tugcekucukoglu tugcekucukoglu self-assigned this Apr 11, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Type: Bug Issue contains a bug related to a specific component. Something about the component is not working
Projects
None yet
Development

No branches or pull requests

2 participants