Skip to content

p-tabs styles are incompletly injected when a p-tabmenu is already in the page... #18013

@ylerjen

Description

@ylerjen

Describe the bug

When in a same page there's a p-tabmenu and a p-tabs, the styles related to p-tab are not injected in the styles. Only the one about p-tabmenu are, which creates unstyled p-tabs

Image

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/gnysvjqy-1hevfeqk

Environment

Windows 10, MS-Edge 134. However seems not related to the env.

Angular version

19.2.4

PrimeNG version

v19

Node version

18

Browser(s)

Edge 134.0.3124.93

Steps to reproduce the behavior

See stackblitz. No need to do anything else than using the 2 components in the same page. If the tabMenu is used first, only the styles related to that components are injected. The one about the p-tab aren't. When opening the styles related to those component, styles related to p-tabs are missing. Seems there's a conflict between both.

This is also happening with primeng 18.0.2. See https://stackblitz.com/edit/gnysvjqy

Image

Expected behavior

Styles for TabMenu AND for p-tabs should be injected correctly and should style the component visually.

Metadata

Metadata

Labels

Resolution: WorkaroundIssue or pull request contains a workaround. It needs to be reviewed further by Core Team

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions