- 27 Jul 2024
- 1 Minute To Read
-
Print
-
DarkLight
-
PDF
Content or Widgets are Hidden behind Application Elements
- Updated On 27 Jul 2024
- 1 Minute To Read
-
Print
-
DarkLight
-
PDF
Issue:
Application menu bar or other elements are appearing over Whatfix content in the underlying application. For example, your Tasklist icon is hidden behind an application menu bar, preventing end users from accessing the Tasklist.
![tasklist hidden behind element.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/tasklist hidden behind element.png?sv=2022-11-02&spr=https&st=2024-09-07T23%3A43%3A21Z&se=2024-09-07T23%3A53%3A21Z&sr=c&sp=r&sig=7LDDYJ1f5JLJIC8J3YLbPm9LmzmnTJengz%2F%2Bn4QRO%2BA%3D)
Cause:
This issue arises due to the z-index propertyin CSS. The z-index determines the stack order of elements on a webpage. If Whatfix elements have a lower z-index than the elements in the underlying application, the Whatfix content or widget will not be displayed on top. Essentially, elements with higher z-index values will cover those with lower values, causing the Whatfix elements to be hidden behind other application components.
Solution:
To resolve this issue, you need to set a high z-index value for Whatfix content. This adjustment ensures that Whatfix elements appear on top of other elements in the underlying application, making them accessible to users. For more information, see Set Z-Index for Whatfix Content.