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

Tabs do not fit the title size #7224

Closed
1 of 4 tasks
DanGosw opened this issue Feb 8, 2025 · 1 comment · Fixed by #7232
Closed
1 of 4 tasks

Tabs do not fit the title size #7224

DanGosw opened this issue Feb 8, 2025 · 1 comment · Fixed by #7232
Assignees
Labels
Type: Bug Issue contains a bug related to a specific component. Something about the component is not working
Milestone

Comments

@DanGosw
Copy link

DanGosw commented Feb 8, 2025

Describe the bug

When using tabs within a dialog, it duplicates its position indicator and/or does not adjust its size according to the size of the title, and it only happens with the Aura theme. This problem occurs with both the normal version and the version with tailwind styles.
Example of the above: https://github.com/user-attachments/assets/1d632087-235c-4a76-a670-b23e8eb69069

Also, when I use modules with vue-router when entering the component it is displayed normally, but when reloading the placeholder is shifted to the left. I can't upload an example with the vue-router problem, but here is an example of this one: https://github.com/user-attachments/assets/67c039df-cb6d-49dd-be0d-0cd21b15d55f

Pull Request Link

No response

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/yhsnbrd2?file=src%2FApp.vue

Environment

  • Opera developer: 118.0.5432.0
  • PrimeVue: 4.2.5
  • Vue: 3.5.13

Vue version

^3.5.13

PrimeVue version

^4.2.5

Node version

No response

Browser(s)

No response

Steps to reproduce the behavior

Add multiple tab panels and show default any tab other than the first one

Expected behavior

The position indicator must correctly match the length of the title size.

@DanGosw DanGosw added the Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible label Feb 8, 2025
@tugcekucukoglu tugcekucukoglu added Resolution: Help Wanted Issue or pull request requires extra help and feedback and removed Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible labels Feb 10, 2025
Copy link

Due to PrimeTek's demanding roadmap for PrimeVue and the limited bandwidth of the core team, this issue is available for anyone to work on. Make sure to reference this issue in your pull request. ✨ Thank you for your contribution! ✨

@tugcekucukoglu tugcekucukoglu added Type: Bug Issue contains a bug related to a specific component. Something about the component is not working and removed Resolution: Help Wanted Issue or pull request requires extra help and feedback labels Feb 19, 2025
@tugcekucukoglu tugcekucukoglu added this to the 4.3.0 milestone Feb 19, 2025
@tugcekucukoglu tugcekucukoglu self-assigned this Feb 19, 2025
@github-project-automation github-project-automation bot moved this to Review in PrimeVue Feb 19, 2025
@github-project-automation github-project-automation bot moved this from Review to Done in PrimeVue Feb 19, 2025
@github-project-automation github-project-automation bot moved this from Review to Done in PrimeVue Feb 19, 2025
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
Status: Done
Development

Successfully merging a pull request may close this issue.

2 participants