Issue with TabView and TabPanel in PrimeFaces 10.6.6+

[pablorodrigo]

Describe the bug

Since updating PrimeFaces to version 10.6.6 or later, an issue has been occurring with the TabView and TabPanel components when using paid layouts from PrimeStore. I am specifically using the Apollo Layout.

It is frustrating that a paid template has had this issue for a long time, affecting the correct display of tab panels.

Actual Behavior The layout is broken as shown in the actual behavior screenshot:

Reproducer

No response

System Information

System:
    OS: macOS 14.6.1
    CPU: (8) arm64 Apple M1 Pro
    Memory: 59.56 MB / 16.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 20.17.0 - /usr/local/bin/node
    Yarn: 1.22.22 - /usr/local/bin/yarn
    npm: 10.8.2 - /usr/local/bin/npm
  Browsers:
    Chrome: 133.0.6943.98
    Safari: 17.6
  npmPackages:
    primereact: 10.6.6 => 10.6.6 
    react: ^19.0.0 => 19.0.0

Steps to reproduce the behavior

1. Update PrimeFaces to 10.6.6 or later.
2. Use the Apollo Layout from PrimeStore.
3. Implement a TabView component with multiple TabPanel elements.
4. Observe the rendering issue.

Expected behavior

The tab panel should render as shown in the expected behavior screenshot:

[melloware]

@pablorodrigo you need to follow these instructions: https://github.com/primefaces/primereact/wiki/Migration-Guide-for-Templates

[pablorodrigo]

@melloware Thanks for your quick response!

I've carefully followed the suggested steps, but the issue still occurs. I have ensured that:

The latest Apollo Layout files are being used. The browser cache has been cleared. There are no conflicting CSS overrides in my project. The issue is reproducible in a clean project using PrimeReact 10.6.6+ and Next.js. Do you have any other suggestions or possible workarounds to resolve this? I appreciate your help!

[melloware]

hmmm i don't own apollo so its possible its a bug