TabView: Issues with Vue 3.4.16

[Daniel-WWU-IT]

Describe the bug

With version 3.4.16 of Vue, tab views in PV have become broken: Many times, the tabs won't display their contents. Switching back to Vue 3.4.15 solves this issue.

So yeah, this might be a Vue bug, but since it affects PV, I thought reporting it here a good idea.

Reproducer

No time for this...

PrimeVue version

3,48.1

Vue version

3.x

Language

TypeScript

Build / Runtime

Vite

Browser(s)

Any

Steps to reproduce the behavior

Have a tab view with some tabs. Switching between tabs sometimes works as expected, but sometimes the tab contents won't display.

Expected behavior

Working tabs...

[BITSOLVER]

I came across this issue as well.

[NeluQi]

+1

[Aspyryan]

Same issue +1, reverting to 3.4.15 works

[NeluQi]

Version 3.4.16 Vue completely breaks components prime (Computed property "getPTOptions" is already defined in Methods. )

[EzeFSpa]

Same issue.

Maybe this can help:

I have 2 tabs with content. When i click the secod, all content tabs gone. This caught my attention: they have "display: none" in both divs.

[mertsincan]

Hi all,

Thanks @sfxcode for github link! I think this issue is related to https://github.com/vuejs/core/issues/10294 Can you confirm it? Please see Evan's comment; https://github.com/vuejs/core/issues/10294#issuecomment-1935238407

Best Regards,

[BITSOLVER]

vue 3.4.18 seems ok for me with PrimeVUE now

[sfxcode]

Hi, after the last updates from the vue team for me it is solved with the latest 3.4.18 version.

Think it is resolved from their side.

Happy coding,

Tom

[mertsincan]

Glad to hear, thanks a lot for the updates!

[Daniel-WWU-IT]

Vue 3.4.18 seems to have fixed this (at least in our case).

[lewandy]

Same issue here, updating to "vue": "^3.4.19", solved the issue. thanks @Daniel-WWU-IT for opening this issue.

[EzeFSpa]

Sorry for the delay, I confirm that after updating to the latest versions, I no longer see this problem

[rpatidar]

I am facing issue , the tab switch shows but the content is not updated

I am on the latest version

  "dependencies": {
    "@iconify/vue": "^4.1.2",
    "@primevue/themes": "^4.0.0",
    "@tanstack/vue-table": "^8.20.4",
    "@vueuse/core": "^11.0.0",
    "chart.js": "3.3.2",
    "date-fns": "^3.6.0",
    "openapi-fetch": "^0.11.1",
    "openapi-typescript-fetch": "^2.0.0",
    "pinia": "^2.2.2",
    "primeicons": "^6.0.1",
    "primevue": "^4.0.0",
    "tiny-case": "^1.0.3",
    "ts-node": "^10.9.2",
    "vee-validate": "^4.13.2",
    "vue": "^3.4.34",
    "vue-router": "^4.4.0",
    "yup": "^1.4.0"
  },

I am using the route-link external page version for tabs. have a seprate page for each tab.

[rpatidar]

it looks like issue with the where i click on the tab, link is wrapped inside a button if i am clicking on the link area tab switch works. if i click on the button area , tab switch is done but content is not updated.