Tabs do not fit the title size #7224
Labels
Type: Bug
Issue contains a bug related to a specific component. Something about the component is not working
Milestone
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
Other Reason
No response
Reproducer
https://stackblitz.com/edit/yhsnbrd2?file=src%2FApp.vue
Environment
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.
The text was updated successfully, but these errors were encountered: