z-context icon

z-context

by gwwar

v3.0.0 Updated Nov 28, 2024 30.48KiB
CWS
6K
Users
★ 3.47
43 reviews
#9913
of 207.2K
developer
#856 of 18.1K
⚠️Not updated in over a year

Description

Why use it? Browsers support a hierarchy of stacking contexts, rather than a single global one. This means that z-index values are often used incorrectly, and arbitrarily high values get set. By Using Z-Context, you'll know: - If the current element creates a stacking context, and why - What its parent stacking context is - The z-index value -------- v3.0.0 - Update to manifest v3 and update stacking context rules https://github.com/gwwar/z-context/pull/29 v2.1.0 - Includes http protocol to facilitate development use cases https://github.com/gwwar/z-context/pull/23 v2.0.0 - Adds support for inspecting iframes https://github.com/gwwar/z-context/pull/21 https://github.com/gwwar/z-context/pull/22 v1.1.0 - Adds z-index stacking context rules as of 2021. Adds fixes for position sticky and shadow dom, props to roperzh and edenilan! See pulls 10, 17 and 18 at https://github.com/gwwar/z-context. v1.0.4 - fixes will-change case. a stacking context is created for opacity/transform but not other values https://github.com/gwwar/z-context/pull/9 v1.0.3 - fixes display reason for flex-items https://github.com/gwwar/z-context/pull/4 v1.0.2 - adds new z-index rules, fixes a bug when inspecting a shadow dom elements. https://github.com/gwwar/z-context/pull/3 v1.0.1 - fix reason message for non-static positions, props to giuseppeg. https://github.com/gwwar/z-context/pull/1
z-context screenshot 1z-context screenshot 2

Reviews (16 cached)

★☆☆☆☆2024-12-08
Auri

Getting an error about a failed network request in the latest version of Chrome. Definitely a red-flag as there's nothing here that requires any network operations. Uninstalling.

★☆☆☆☆2024-01-10
Michael Rosa

Doesn't work in: Chrome 120.0.6099.217 Chrome 121.0.6167.47 Chrome 122.0.6238.0

★☆☆☆☆2024-01-02
Andrei Kurhan

doesn't work in the Chrome v120

★☆☆☆☆2023-11-24
Nic Newdigate

does work unfortunately!

★☆☆☆☆2022-08-19
Lumbardh Elshani

Not working

★☆☆☆☆2022-05-12
Patrick Baumann

Not working

★☆☆☆☆2021-08-19
Artur Mueller Romanov

Not working in chrome 2021

★☆☆☆☆2021-08-04
Sergei Grishanin

Doesn't work on latest chrome. Reloading the browser or reinstalling the extension doesn't help - the tab is always empty

★☆☆☆☆2020-02-13
Ben Manson

did not work, does not appear in dev tools even after restart, a how to would be nice

★☆☆☆☆2019-06-05
T N

could not figure out how to use if :(

★☆☆☆☆2018-08-23
vamshi krishna

Could not see the tab in dev tools , even after restarting and refresh . A good how to is helpful

★★☆☆☆2021-08-03
Vermus

Not work in 2021

★★★☆☆2021-03-05
Mạnh Đàm Văn

If i set position value fixed or sticky and z-index: auto > it return false > you need to fix this bug

★★★☆☆2019-02-10
wesh cousin

I guess this extension might be useful, but it doesn't show every stacking contexts. In my case it didn't show that positioning an element to fixed or sticky creates a stacking context, even without any opacity or z-index rule. as it can be seen here https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context and as it definitely applies.

★★★☆☆2017-12-04
Dmitri Pisarev

This extension is very helpful. But I wasted a ton of time because of the bug in it. It reports new stacking context for any value of "will-change", even smth like "will-change: left", which obviously doesn't create a stacking context. According to the spec: "Element with a will-change value specifying any property that would create a stacking context on non-initial value"

★★★☆☆2016-08-02
James Williams

Really handy! But why on earth does it need permissions to *change* data on websites I visit? Surely *reading* that data is enough for the current functionality?

Details

Version 3.0.0
Updated Nov 28, 2024
Size 30.48KiB
First Seen Mar 30, 2026