[Bug]: tooltip text overflows if text is long

[AbdullahHakeemNP]

Tremor Version

3.14.0

Link to minimal reproduction

no

Steps to reproduce

just use the icon component with a tooltip and make the tooltip text too long

What is expected?

tooltip background should cover the whole text

What is actually happening?

the text overflows the tooltip

What browsers are you seeing the problem on?

Chrome, Microsoft Edge, Safari, Firefox

Any additional comments?

No response

[AbdullahHakeemNP]

Is this going to be fixed anytime soon?

[jho14]

+1, the max-w-xs in the tooltip CSS is causing this.

[jho14]

Please allow for manual styling of the tooltip

[severinlandolt]

Hey there! We decided to adjust the defaults in our next release. But no Tooltip prop.

[github-actions[bot]]

:tada: This issue has been resolved in version 3.15.0 :tada:

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot :package::rocket:

[github-actions[bot]]

:tada: This issue has been resolved in version 3.16.0-beta.2 :tada:

The release is available on:

• npm package (@beta dist-tag)
• GitHub release

Your semantic-release bot :package::rocket:

[AbdullahHakeemNP]

Hey there! We decided to adjust the defaults in our next release. But no Tooltip prop. the issue have not been fixed i'm on 3.16.1

[severinlandolt]

Hi! The tooltip should wrap automatically. Like this:

Could you share a code snippet of this?