Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

<rh-health-index> z-index set too high #1959

Open
zeroedin opened this issue Oct 4, 2024 · 1 comment
Open

<rh-health-index> z-index set too high #1959

zeroedin opened this issue Oct 4, 2024 · 1 comment
Assignees
Labels
bug Something isn't working

Comments

@zeroedin
Copy link
Collaborator

zeroedin commented Oct 4, 2024

The z-index value for the current active box in health index is set to 10. This value is static in health index and cannot be adjusted with a component level css prop. I do not believe this value should be set this high when setting to z-index of 1 is sufficient for the internals of the component. I think our components should use the lowest possible z-index when needed as a best practice, or provide the ability to adjust them per use case.

This issue shows up on the ux. website where the health-index self set z-index of 10 becomes higher then any z-index used ux. and therefore overlays the lower set site z-index values.

@markcaron
Copy link
Collaborator

Temporarily patching with #1995 until we can discuss our approach to handling z-index across components.

@markcaron markcaron moved this from Backlog to Todo in Red Hat Design System Jan 9, 2025
@markcaron markcaron moved this from Todo to In Progress 🟢 in Red Hat Design System Jan 9, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
Status: In Progress 🟢
Development

No branches or pull requests

2 participants