الحل له جزأين.

1. قم بلف كل عنوان عقدة شجرة في <span>. ثم يمكننا تصميم CSS عليها على :hover والتعامل مع النقرات بالضبط على النص ، لأن عرض <span> هو بالضبط عرض النص (على عكس بدونه).
2. قم بتعيين معالج لعقدة الجذر tree وتعامل مع النقرات على تلك العناوين <span>.

افتح الحل في sandbox.