Skip to content

PopoverContainer z-index issue #7636

@MykolaKhoroshkov-Sage

Description

@MykolaKhoroshkov-Sage

Description

After updating carbon version to 158.7.0 PopoverContainer has a z-index issue. It looks like useFloating has overwritten z-index 2000 by a new value 1001 and it looks not good with elements that have a higher z-index. here is a screenshot with overwritten css properties (unfortunately, I couldn't reproduce exact real use case)

Image

Reproduction

https://stackblitz.com/edit/parsium-carbon-starter-eb4sa2og?file=src%2FApp.tsx

Steps to reproduce

No response

JIRA ticket numbers (Sage only)

No response

Suggested solution

No response

Carbon version

158.7.0

React version

v17

Design tokens version

4.34.0

Relevant browsers

Chrome

Relevant OSs

MacOS

Assistive technologies

No response

Additional context

No response

Confidentiality

  • I confirm there is no confidential or commercially sensitive information included.

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions