[BUG] Tooltip of Panel displayed underneath tooltip of nested component

[ks-mkd]

Environment

Please provide as many details as you can:

• Hosting type
  • [x] Form.io
  • [ ] Local deployment
  • Version:
• Formio.js version: 4.12.7
• Frontend framework: VanillaJS
• Browser: Chrome
• Browser version: 88.0.4324.104

Steps to Reproduce

1. Create a form with a Panel containing a TextArea
2. Add Tooltips two those two components (tooltip of the panel needs to be bigger, for the bug to become noticeable)
3. Hover over the tooltip icon of the nested TextArea

Expected behavior

Only the tooltip of the TextArea should appear

Observed behavior

The tooltip of the TextArea appears on top of the tooltip of the surrounding panel

Example

https://jsfiddle.net/eth3p6no/

[wag110894]

Hello @ks-mkd,

We are aware of this issue and it is currently in our backlog. We welcome a PR and also have a process to expedite the issue. For reference, the ticket number is FIO-1307.

[ssabw1]

Css solution:

label > .tooltip:not(:last-child){ display: none!important; }

[ks-mkd]

Thanks for the answers.

However the bug was apparently fixed in #3662 and released in v4.13.0-rc.7, so I will close this issue.