Product
Introducing SSO
Streamline your login process and enhance security by enabling Single Sign-On (SSO) on the Socket platform, now available for all customers on the Enterprise plan, supporting 20+ identity providers.
stacking-order
Advanced tools
Changelog
2.0.0
Readme
Determine which of two nodes appears in front of the other.
The stacking order rules are fairly complex. Determining whether node A will render in front of node B involves much more than comparing the z-index
of the two nodes – you have to consider their parents, and which of them create new stacking contexts, which in turn depends on CSS properties like opacity
, transform
, mix-blend-mode
and various others that you probably hadn't considered.
The tie-breaker, if that doesn't yield a conclusive answer, is the position in the document (with later nodes rendering in front of earlier nodes).
npm install --save stacking-order
...or grab a copy from npmcdn.com/stacking-order.
import { compare } from 'stacking-order';
const a = document.querySelector('.a');
const b = document.querySelector('.b');
const order = compare(a, b);
// -> `1` if a is in front of b, `-1` otherwise
It's entirely possible that the algorithm used here doesn't exactly match the spec. If you find a bug, please raise an issue after reading CONTRIBUTING.md. Thanks!
MIT
made by @rich_harris
FAQs
Determine which of two elements is in front of the other
The npm package stacking-order receives a total of 2,024 weekly downloads. As such, stacking-order popularity was classified as popular.
We found that stacking-order demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Product
Streamline your login process and enhance security by enabling Single Sign-On (SSO) on the Socket platform, now available for all customers on the Enterprise plan, supporting 20+ identity providers.
Security News
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
Security News
As cyber threats become more autonomous, AI-powered defenses are crucial for businesses to stay ahead of attackers who can exploit software vulnerabilities at scale.