Content or Widgets are Hidden behind Application Elements

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.

Probable 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.

Suggested 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.