TreeList view selection and expanding icon glued together issue.

Hi, Sam,

Thank you for the provided updated response with a visual representation and for the additional information.

While there is no inbuilt functionality for separating the selection from the icon expansion, this can be achieved by using the cellRender and making a check if the click occurs on the icon or not and preventing the selection

I have prepared an example that showcases this approach:

https://stackblitz.com/edit/react-ykx6az-gxqnpb?file=app%2Fmain.tsx

  const cellRender = (td, props) => {
    const handleClick = (ev) => {
      // Check if the click occurred on the expand arrow
      if (
        ev.target.classList.contains('k-icon') ||
        ev.target.classList.contains('k-i-expand')
      ) {
        ev.preventDefault();
      } else {
        props.selectionChange(ev);
      }
    };
    return <td {...td.props} onClick={handleClick} />;
  };

This way the selection will not occur when the arrow is expanded or collapsed and only when an item has been selected.

Regards,
Filip
Progress Telerik