Z-Index System
See original GitHub issueIn discussing <ZStack />
with @MichaelArestad , it occurred to us that the library needs some sort of (app-wide) Z-Index system.
Something that acts like a “registry”, where zIndex values can be added, and then referenced in code in human readiable form.
For example:
ui.zIndex('modal')
and/or maybe
ui.zIndex.modal
vs. an arbitrary:
zIndex: 1000
Issue Analytics
- State:
- Created 3 years ago
- Reactions:1
- Comments:8 (5 by maintainers)
Top Results From Across the Web
Managing CSS Z-Index In Large Projects - Smashing Magazine
The most common system I've seen for managing z-index values — other than no system — is setting several general-use values, each separated...
Read more >Systems for z-index | CSS-Tricks
The key to maintainable z-index values is understanding that z-index values can't always be directly compared. They're not an absolute ...
Read more >z-index - CSS: Cascading Style Sheets - MDN Web Docs
The z-index CSS property sets the z-order of a positioned element and its descendants or flex items. Overlapping elements with a larger ...
Read more >Z-index and stacking contexts - web.dev
The z-index property explicitly sets a layer order for HTML based on the 3D space of the browser—the Z axis. This is the...
Read more >The CSS z-index Property: What You Need to Know
z-index is the CSS property that controls the stacking order of overlapping elements on a page. An element with a higher z-index value...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Closing this! It’s been working well since this update: https://github.com/ItsJonQ/g2/commit/ea3c56221441c715fa524cc3cdca2230899f8141
Technically, that works!!! 😂