Component: all

[klimchak]

Describe the bug

Components are not displayed correctly. There are no styles on the components.
Dropdown, Buttons, Dialog, Sidebar and etc.

Environment

macOS Big Sur
Safari 14.1

Reproducer

No response

Angular version

16-17

PrimeNG version

16-17

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

latest

Browser(s)

Safari 14.1

Steps to reproduce the behavior

1. go to PrimeNG docs using apple device with macOS Big Sur and latest Safari browser;
2. try to open sidebar or dialog or display buttons section

Expected behavior

No response

[SoyDiego]

Hi, I tried with a macOS device and Safari on last version and works correctly.
@klimchak Could you try a hard-refresh, please?

[klimchak]

Hi, I tried with a macOS device and Safari on last version and works correctly.
@klimchak Could you try a hard-refresh, please?

Try to use macOS Big Sur or less, because in the latest 3 versions (Monterey, Ventura and Sonoma) are working fine.

[SoyDiego]

Hi, I tried with a macOS device and Safari on last version and works correctly.
@klimchak Could you try a hard-refresh, please?

Try to use macOS Big Sur or less, because in the latest 3 versions (Monterey, Ventura and Sonoma) are working fine.

If i'm not wrong, the Browser Support is 2/3 last versions. They had this in the old website:

But i'm not 100% sure.

[klimchak]

Hi, I tried with a macOS device and Safari on last version and works correctly.
@klimchak Could you try a hard-refresh, please?

Try to use macOS Big Sur or less, because in the latest 3 versions (Monterey, Ventura and Sonoma) are working fine.

If i'm not wrong, the Browser Support is 2/3 last versions. They had this in the old website:

But i'm not 100% sure.

yes, but it's strange. because 15 and less version fine working on all macOS versions, but 16 and 17 do not.

[github-actions]

We're unable to replicate your issue, if you are able to create a reproducer by using PrimeNG Issue Template or add details please edit this issue. This issue will be closed if no activities in 20 days.

[klimchak]

this problem can be replicated if use Safari v.14.1 (as i know it's latest version for macOS Big Sur).
Safari v.14.1 does not support @layer (it's used in node_modules/primeng/resources/primeng.min.css).

[atamansv]

The @layer CSS at-rule is relatively new and only supported by 93.55% of users https://caniuse.com/mdn-css_at-rules_layer
So excluding IE, that's ~6% of users, and that's pretty significant!