Tooltip position is working wrong on TreeGrid

Hi Syncfusion Team,

I want to show tooltip for the button on column on TreeGrid. But the position of Tooltip is working wrong. Tooltip's content is not align with the button(image).
Image_5732_1698046174742
Expected: 
Image_2906_1698046250481

Link sample: Ov9j5o (forked) - StackBlitz
How can I fix this issue?

Thanks.


2 Replies

TT Ton That Hung October 30, 2023 02:05 AM UTC

Hi Syncfusion Team,

Is there any solution for the issue I'm currently facing? This is a critical error in my project. 

I'm eagerly awaiting your response.


Thanks.



SA SureshRajan Alagarsamy Syncfusion Team October 31, 2023 12:56 PM UTC

Hi Ton,


We have reviewed your query and understand that you are facing an issue with the Tooltip position for the Button component. Upon further validation with the shared sample, we have identified that the Tooltip is set to target the entire Grid column. By default, the Tooltip is rendered at the center position of its target, which is why you are experiencing the Tooltip appearing in the button column's center position.


For your reference, we have attached a screenshot that illustrates the width of the "td" element, which serves as the target for the Tooltip.


Screenshot :



Additionally, we recommend two potential solutions to address this issue. You can either increase the button's width to match the column width or reduce the column width to align with the button's width.


Regards,
Suresh.


Loader.
Up arrow icon