Component-style tooltip displaying incorrectly when nested in another component

[digitalnomad624]

Can we access your project?

• [X] I give permission for members of the FlutterFlow team to access and test my project for the sole purpose of investigating this issue.

Current Behavior

When a component-style tooltip is used within a parent component, and component parameters are passed from parent to child, the tooltip doesn't display correctly on the page containing the parent component. In my case only the first text field is shown, and it's formatted as a text-style tooltip.

Expected Behavior

Nested tooltip components should be visible as designed when triggered, regardless of how many levels deep they're nested (or at least 2 levels).

Steps to Reproduce

Create the component to hold the tooltip text

• Create a new component containing text fields for title and description
• Set up component parameters to populate the text fields
• This is the 'tooltipText' component in the screenshots

Create the parent component

• Create a new component (or use a template)
• Add parameters for the title and description
• Add a tooltip to the component and configure the inputs to use the tooltipTitle and tooltipDescription parameters
• This is the 'dashboardKpiWithTrend' component in the screenshots

Create a page

• Add a new page
• Add the parent component to the page
• Fill out the component parameters for title and description

Test the app

• The tooltip will show only the title, formatted as a text tooltip, not as the component

Reproducible from Blank

• [X] The steps to reproduce above start from a blank project.

Bug Report Code (Required)

IT5XzMmBw5RgocNG0KqNKe9aniksJkQ9U400ltZxYw81GJTnPLAcPPfET3NaTbykTHNcOWCI8TkKw97LvfzhDsctPiitbqJNzLhucBXJez6QRIyvCbiOe3xtHphTN2WHzbbRkQpTNbFociU+2U6IIeeXUXLYNJO3OTERM/ykOpLM+HSRFTLOXn0Jg1ZSfCvr

Visual documentation

Dashboard KPI component in test mode with incorrect tooltip

tooltipText component

dashboardKpiWithTrend (parent) component

Dashboard page passing the title and text to the parent component

tooltipText component used in a tooltip directly on the page

To make sure the tooltipText component works properly, I added it to a tooltip directly on the page. It works as expected.

Environment

- FlutterFlow v5.0.9 released October 25, 2024 
- Flutter version is 3.24.2
- Platform: Mac app
- Browser name and version: Chrome Version 130.0.6723.117 (Official Build) (x86_64)
- Operating system and version affected: macOS 14.6.1

Additional Information

Not being able to use the new component-style tooltip feature inside another component isn't a showstopper - we can still use parameters to fill in the text-style tooltips - but the new component-style tooltips look great and the additional formatting options will help my users better, and more quickly, understand the additional information we want to get across with a tooltip.

[Alezanello]

Hello!

I tried to replicate the issue you described but was unable to do so. It’s possible I may have missed some steps. Here’s what I did:

1. Created Component A with two text fields, which are populated by two parameters (title & body).
2. Created Component B and added a Tooltip widget containing a component. I selected Component A as the component and passed the two parameters to fill in the title and body fields.
3. Created Page A, inserted Component B, and passed the parameters needed to fill Component A's title and body.

This setup results in the information for the title and body being sent from Page A to Component B, and then to Component A for display.

Public Project: https://app.flutterflow.io/project/qa-2991-zspgcs

[Alezanello]

Closing this issue since we haven't heard back from you. If you are still facing the problem please submit a new issue. Have a great day!