Skip to content

ZIndex configuration through provide not working correctly #8549

@jerrod-lankford

Description

@jerrod-lankford

Describe the bug

When attempting to configure the zIndex behavior for prime to keep toasts from displaying behind dialogs it does not seem to properly accept this configuration. Using configuration from docs: https://primereact.org/configuration/

Reproducer

https://codesandbox.io/p/sandbox/intelligent-haslett-jz2ddt

System Information

System:
    OS: macOS 26.5
    CPU: (10) arm64 Apple M4
    Memory: 71.41 MB / 24.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 20.19.4 - /Users/{{username}}/.nvm/versions/node/v20.19.4/bin/node
    Yarn: 1.22.22 - /opt/homebrew/bin/yarn
    npm: 10.8.2 - /Users/{{username}}/.nvm/versions/node/v20.19.4/bin/npm
  Browsers:
    Brave Browser: 147.1.89.132
    Chrome: 148.0.7778.216
    Firefox: 149.0.2
    Safari: 26.5
  npmPackages:
    primereact: 10.9.8 => 10.9.8
    react: 18.3.1 => 18.3.1

Steps to reproduce the behavior

  1. Open reproducer
  2. Notice the toasts are behind the blurred overlay of the dialog despite manual configuration of dialog and toast zIndex in the app file

Expected behavior

zIndex configuration respected, toasts above dialog

Metadata

Metadata

Assignees

No one assigned

    Labels

    Status: Needs TriageIssue will be reviewed by Core Team and a relevant label will be added as soon as possible

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions