Tooltip - missing isVisible/controlled tooltip functionality from ap-components-react

[tomkdgun]

Tooltip - missing isVisible/controlled tooltip functionality from ap-components-react

Detailed description

We currently using ap-components-react, and we need to migrate to carbon-components-react.
We have around 600 inputs across 230 files, which are wrapped by ap-components-react Tooltip, with isVisible, nowrap and hideOnHover properties.

In case of error in input field, error/validation message is displayed as tooltip, and hidden when value is correct, or displayed always during input modification. The tooltip is used, since input fields are in general to narrow to display any message inside or under the input. The hideOnHover sets pointer-events: none.

Currently we are relay on controlled Tooltips from ap-components-react.

Without this isVisible/controlled tooltip functionality, it will be difficult to perform migration.

[joshblack]

Hi @tomkdgun! 👋 Am including our designers to weigh in on this 😄

cc @IBM/carbon-designers is this something that we should support?

[aagonzales]

We have a similar tooltip pattern in out Data tables for edit mode. I think the tooltip is a fair responsive solution for small fields however on larger fields if there is room to show the message below the field I think its is better ux practice to show it that to hide it in a tooltip.

We also had the another team (Functions I think) ask about adding the error icon inline to the normal invalid state which would help connect these two patterns more) #956

[stale]

We've marked this issue as stale because there hasn't been any activity for a couple of weeks. If there's no further activity on this issue in the next three days then we'll close it. Thanks for your contributions.

[carbon-bot]

Hi there! 👋 If you're wondering why this issue was moved, we're currently updating our repo structure so that every package is found in the same project.

This should not have any impact for you, but we wanted to give you a heads up in case you were wondering what is going on. If you have any questions, feel free to reach out to us on Slack or contact us at: carbon@us.ibm.com. Thanks!

[stale]

We've marked this issue as stale because there hasn't been any activity for a couple of weeks. If there's no further activity on this issue in the next three days then we'll close it. You can keep the conversation going with just a short comment. Thanks for your contributions.

[stale]

We've marked this issue as stale because there hasn't been any activity for a couple of weeks. If there's no further activity on this issue in the next three days then we'll close it. You can keep the conversation going with just a short comment. Thanks for your contributions.

[tomkdgun]

It seems new Tooltip has open prop, which should allow achieve a goal. Unfortunately prop doesn't work as expected, and this blocking issue is still not fixed: #2849.
Please address #2849 and this one will be fixed.

[stale]

We've marked this issue as stale because there hasn't been any activity for a couple of weeks. If there's no further activity on this issue in the next three days then we'll close it. You can keep the conversation going with just a short comment. Thanks for your contributions.

[tomkdgun]

Please address #2849, and I will close this.

[tomkdgun]

Closing since #2849 should fix this issue. In case of problems I will open new one.