---
title: "Overflow Hidden Check Required"
slug: "overflow-hidden-check-required"
updated: 2024-09-05T09:20:24Z
published: 2024-09-05T09:20:24Z
---

> ## Documentation Index
> Fetch the complete documentation index at: https://support.whatfix.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Evaluate Elements that are Hidden by Scroll

#### What is overflow hidden?

The CSS property `overflow` manages how content behaves when it's too big for its container. When you set `overflow: hidden` on an element, it means that if the content inside that element is larger than the space available, it will be hidden from sight.

Some applications may use a native scroll logic which refers to the default scrolling behavior provided by the web browser or underlying framework without custom JS or CSS. When a user scrolls within the application, some previously hidden elements may become visible as the viewport changes.

By enabling **Overflow hidden check required**, you allow Whatfix to identify and interact with elements that are initially hidden but become visible upon scrolling in applications that utilize native scroll logic. This ensures that Whatfix displays content accurately, even when dealing with dynamically revealed content.

Use the following steps to evaluate elements that are hidden due to overflow:

1. On the Whatfix Guidance dashboard, click **Settings**. ![ia_left_nav_settings](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/ia_left_nav_settings.png)
2. Click **Advanced customisation**. ![ia_settings_advanced%20configuration](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/ia_settings_advanced%20configuration.png)
3. Click **Technical configuration**. ![ac_tech config.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/ac_tech%20config.png)
4. Click **Add preferences**. ![tech config_add prefrences.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/tech%20config_add%20prefrences.png)

1. Click **Common Properties**. ![tech config_common properties.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/tech%20config_common%20properties.png)
2. Select the **Overflow hidden check required** checkbox. ![tech config_enable overflow hidden check.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/tech%20config_enable%20overflow%20hidden%20check.png)
3. Click **Add**. ![tech config_add button.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/tech%20config_add%20button.png)
4. Enable the **Overflow hidden check required** toggle. ![tech config_overflow hidden check.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/tech%20config_overflow%20hidden%20check.png)
5. Click **Save**. ![tech config_save.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/tech%20config_save.png)

## Related

- [Reselect Elements to manage UI changes](/reselecting-elements-to-manage-ui-changes.md)