Troubleshooting

Styles are not being applied

The issue: Panda CSS is not configured correctly.

The fix: Ensure that your panda.config.ts includes field has all the correct paths. Take a look at our Panda Configuration steps for more information on how to set up your panda.config.ts file.

Popover API errors from older browsers

The issue: Older browsers may not fully support the Popover API, leading to errors.

The fix: Consider using a polyfill for the Popover API or ensure that your application gracefully handles the absence of native Popover support in older browsers, we recommend using the popover-polyfill  dependency.

Browser support for this polyfill (from their Github page):

• Firefox 88+ (includes Android)
• Chrome 88+ (includes Android)
• Edge 88+
• Safari 14+ (includes iOS)