TL;DR

Adjust the tooltip display logic to only show when the node title is truncated and add a clear shadow background to differentiate it from the node item background.

Guidance

• Review the CSS styles applied to the tooltip and node items to ensure sufficient contrast and add a shadow effect to the tooltip.
• Modify the JavaScript code responsible for displaying tooltips to check if the node title is truncated before showing the tooltip.
• Inspect the HTML structure of the node items and tooltips to verify that the tooltip is properly positioned and styled.
• Consider adding a minimum width or ellipsis to the node title to indicate truncation and trigger the tooltip display.

Example

No specific code example can be provided without knowing the exact implementation, but a general approach might involve adding a CSS class to the tooltip with a box-shadow property and modifying the JavaScript logic to check for truncated titles.

Notes

The solution may vary depending on the specific frontend framework, CSS preprocessor, or JavaScript library used in the project. Additional context or code snippets would be necessary to provide a more precise fix.

Recommendation

Apply workaround: Adjust the CSS and JavaScript code as suggested to improve the tooltip display and visibility, as there is no clear indication of a specific version or library issue that can be resolved through an upgrade.