question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

In 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:closed
  • Created 3 years ago
  • Reactions:1
  • Comments:8 (5 by maintainers)

github_iconTop GitHub Comments

1reaction
ItsJonQcommented, Sep 10, 2020

Closing this! It’s been working well since this update: https://github.com/ItsJonQ/g2/commit/ea3c56221441c715fa524cc3cdca2230899f8141

1reaction
ItsJonQcommented, Aug 27, 2020

Technically, that works!!! 😂

ui.zIndex('🙌', 900000000000000)
Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found