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:

5. Click Common Properties.
   

6. Select the Overflow hidden check required checkbox.
   

7. Click Add.
   

8. Enable the Overflow hidden check required toggle.
   

9. Click Save.