Grid resizable is not working when using tooltip

[Bohdan]

Hi,

I noticed that grid column becomes not resizable when using tooltips in grid, even if thProps are passed.

I edited stackblitz of this official example:
React Render Tooltips for Grid Cells - KendoReact

got:
myEditedExample

Is it a bug or am I missing something?

Thanks,
Bohdan

[Yanko]

Hi, Bohdan,

Thank you for the provided sample.

The issue is in the custom header cell. Although it receives the thProps, the resize handler is passed through the children, so you need to render them for the resizing to work:

const ProductNameHeader = (props) => {
  return <th {...props.thProps}>{props.children}</th>;
};

If I can further assist, do not hesitate to ask.

Regards,
Yanko
Progress Telerik

[Bohdan]

Hi Yanko,

I tried rendering the children as well, but the tooltip still doesn’t behave correctly. It only appears when hovering over the table cell itself, and not when hovering over the column title text.

Column resizing works as expected.

here is how I do that:

export const CustomDataHeaderCell = (props: GridCustomHeaderCellProps) => {
  return (
    <th {...props.thProps} title={props.title}>
      {props.children}
    </th>
  )
}

grid wrap tooltip:

<Tooltip openDelay={500} position="top" anchorElement="target">
        <Grid...

grid column:

{xxxData.map((col, index) => (
            <GridColumn
              key={xxxindex}
              field={xxxfield}
              title={xxxData.col.title}
              cells={{
                headerCell: CustomDataHeaderCell,
                data: CustomDataCell,
              }}
            />
          ))}

[Yanko]

Hi, Bohdan,

Thank you for the provided details. 

I reproduced the described behaviour and logged it as a bug in our public repo. The Tooltip only appears for the th element, but not for the span with the content. After the issue is further investigated, status updates will be posted in the GitHub issue:

• https://github.com/telerik/kendo-react/issues/3585 

I apologize for any inconvenience this issue might cause you until it is resolved. Lastly, I updated the Telerik Points in your account as a token of appreciation for reporting this issue to us.

[Bohdan]

Ok, thank you