I am trying to adjust the width of the antd tooltip to match that of the title. Here is the code snippet:
<Tooltip placement="top" align={{ offset: [0, 10] }}
title='this is the title'>
<span>tooltip</span>
</Tooltip>
There seems to be an issue where the width of the tooltip sometimes exceeds that of the title. I have noticed this inconsistency and I am unsure of why it occurs. There are instances where the tooltip width matches the title length, but in other cases, it surpasses it. What could be causing this? How can I ensure that the tooltip width remains consistent with the title?
I have attempted to adjust the resolution, thinking it might be the cause, however, the problem persists. The tooltip width fluctuates between matching the title length and extending beyond it.
I want to maintain a responsive design for my webpage, so I prefer not to fix the width of the tooltip.