TabView: Active tab doesn't render correctly when placed inside an AccordionTab

RickyD77 commented 1 year ago

Describe the bug

If you have a TabView placed inside an Accordion (AccordionTab), the active tab doesn't initially render properly when you open the accordion. You have to first click a different tab. The same problem happens if you close and reopen the accordion.

Just found while creating the code sandbox that this only happens with some themes such as the md and mdc themes. Example uses mdc-light-indigo

Reproducer

https://codesandbox.io/s/suspicious-bogdan-u4418t?file=/src/main.js

PrimeVue version

3.22.4

Vue version

3.x

Language

ALL

Build / Runtime

Vue CLI App

Browser(s)

No response

Steps to reproduce the behavior

Open the accordion
Active tab is not displayed as active
Click 2nd tab - displays as active

Expected behavior

The active tab should display as active as soon as the accordion is opened

WiRight commented 1 month ago

same here

WiRight commented 1 month ago

in my case i set v-if in TabView and it works for me perfectly

hope it helps you too

primefaces / primevue