Feeling inadequate? Insecure? Some other developer got a bigger z-index than you? Fuck that shit. mine-is-bigger will 100% guarantee that you have the biggest z-index out there, guaranteed.
Never again will your beautiful modal be covered by that asshole Joe's garbage ass dropdown. Never again will you lose a few pixels of your perfect component to some bullshit fucking sticky header, probably written by Joe (fuck that guy). Never again will you be sad and lonely. mine-is-bigger is the last and biggest package you'll ever need to fix all of your z-index size issues.
Seriously, even if some jerkoff decides to use the biggest possible z-index ("2147483647" btw) mine-is-bigger will force their z-index to be 0 just for having the nerve to come at you like that.
Simply do
yarn add mine-is-bigger
or do npm install mine-is-bigger if you're one of those people.
In your React Component, adding mine-is-bigger is simple:
import React from "react";
import mineIsBigger from "mine-is-bigger";
export default class Component extends React.Component {
state = {
biggestZIndex: 0
};
componentDidMount() {
this.setState({
biggestZIndex: mineIsBigger()
});
}
// uncomment to keep hittin em, may crash the whole app but fuck it
// componentDidUpdate() {
// this.setState({
// biggestZIndex: mineIsBigger()
// });
// }
render() {
return (
<div style={{ zIndex: this.state.biggestZIndex }}>
If you or a loved one has been diagnosed with Mesothelioma you may be
entitled to financial compensation
</div>
);
}
}Not using React? Lol, what's wrong with you?