You're right - the issue is that the entire row is clickable, which interferes with the tooltip interaction. Let me fix that:
I've fixed the tooltip interaction issue with these changes:
Separated the tooltip trigger from the row click area:
e.stopPropagation() to prevent the row click event from firing when clicking the tooltip buttonMade the tooltip icon always visible:
Improved the tooltip behavior:
delayDuration={0} so the tooltip appears immediately on hoverEnhanced visual clarity:
Now you should be able to hover over the "+N" indicator to see the tooltip without triggering the row selection, and the tooltip interaction should be much more reliable and intuitive.
You're right - there seems to be an issue with the tooltip not appearing. Let's fix the tooltip implementation to ensure it displays properly:
I've implemented a custom tooltip solution that should work reliably:
Custom tooltip implementation:
Improved interaction:
Enhanced visual design:
Reliable behavior:
This implementation should work reliably across browsers and devices. The tooltip will now appear when you hover over the "+N" indicator, showing you the full list of matching sources.