---
title: "Hide Flow Tooltip when Selected Element is Out of View"
slug: "hide-flow-tooltip-when-selected-element-is-out-of-view"
updated: 2025-01-15T10:02:49Z
published: 2025-01-15T10:02:49Z
canonical: "support.whatfix.com/hide-flow-tooltip-when-selected-element-is-out-of-view"
---

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

# Hide Flow Tooltip when Selected Element is Out of View

Enabling **Flow Tooltip Visibility Check for iFrame** ensures that any Flow tooltip associated with a specific element disappears automatically when that element is no longer visible on the end user's screen.

> [!WARNING]
> Note:
> 
> This configuration is applicable only when the selected element is within an iFrame.

#### What is an iFrame?

An iFrame, or Inline Frame, is an HTML element that enables embedding another HTML document within the current one. This creates a nested browsing context, loading content independently of the main page.

---

Consider you have a Flow that directs you to click a button located within an iframe. As long as this button is visible, a tooltip appears next to it, providing necessary information. However, if you scroll the iframe content or perform an action that hides the button (such as opening a dropdown or navigating within the iframe), the button may no longer be visible on the screen.

Without the **Flow Tooltip Visibility Check for iFrames** configuration enabled, the tooltip might remain visible even after the button is hidden, detaching it from its context and potentially confusing users.

Use the following steps to hide Flow tooltip when selected element is out of view:

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 **Flow**.

![tech config_flow](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/tech%20config_flow.png)

1. Select the **Flow Tooltip Visibility Check for iFrames** checkbox.

![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/tech config_flow tooltip visibility check for iframes.png)

1. Click **Add**.

![tech config_add button.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/tech%20config_add%20button.png)

1. In the **Flow Tooltip Visibility Check for iFrames** field, enter the desired value.

![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/tech config_enable flow tooltip visibility check for iframes.png)

1. Click **Save**.

![tech config_save.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/tech%20config_save.png)

## Related

- [Understand Advanced Customization ](/advanced-configuration.md)