'How to fix angular z-Index is not a known CSS property

I get the following

[webpack-dev-server] WARNING
▲ [WARNING] "z-Index" is not a known CSS property

    styles.css:119530:2:
      119530 │   z-Index: 10;
             │   ~~~~~~~
             ╵   z-index

  Did you mean "z-index" instead?

I do understand somewhere a css z-index is wrongly declared, but I don't find it anywhere in my code & I do not have any styles.css file.

Does somebody have an Idea on the reason behind it, or how I can find it ?

I'm pretty sur it is coming from a library I've imported, but do not know how to find which

cssangular


Solution 1:[1]

I've encountered this problem when building an app using openlayers library. It has been fixed in version 6.13.0.

Solution 2:[2]

Nothing to worry about, it's a build time warning only, it comes from @coreui/[email protected] CSS styles library (kind of workaround for lack of support for CSS custom properties in internet explorer).

Solution 3:[3]

So, to be more precise.

Reason

This is happening if z-Index is written in a css file

Fix: local

Search for this text an replace it.

Fix: dependency

If you didn't find anything, it mean that this error happen in one of the library you have imported.

You cannot do nothing to fix it appart creating an issue or a pull request in the library that contains the error

For what I know, it doesn't exists any easy way to find from which library this warning come from.

Important ?

No, this isn't and you shall safely ignore this, if the Fox: local didn't worked.

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 srdan
Solution 2 AnasSafi
Solution 3 Raphaël Balet

Related Questions