Skip to main content

Add Tooltips to Display Full Names for Related Items with Truncated Titles

In the current setup, when a related item has a lengthy title, only the first ~22 characters are displayed, followed by “…” to indicate truncation. This is particularly challenging when multiple related items share a similar naming structure; often, the first ~22 characters are identical, making it difficult to distinguish between entries.

Suggested Improvement:

To improve usability, please consider adding hover-over tooltips for any truncated text. This would allow users to view the full title when hovering over the item, particularly in the related items section and wherever else this truncation occurs. Adding this feature would significantly enhance the ease of identifying items at a glance without needing to open each one individually.

Status: Complete8 comments

Log in to comment and vote

Comments8

  • Beige Rain

    •

    Jun 3, 2025

    This is good progress!

    I can confirm that tooltips are working in Safari on Mac.

    Where they are not working however are:

    Mac - Chrome

    Mac - Edge

    Mac - Firefox

    Win11 - Edge

    In all cases an empty cache and hard refresh was performed.

    So it looks like that, however the tooltips are currently implemented, they are working on Webkit, but not Chromium or Gecko -based browsers.

    • Kristen Wasko

      Team•

      Jun 4, 2025

      Justin Swall: Hi Justin, I just checked and they are working for me on all the browsers mentioned. If the issue persists, please submit a support ticket so they can try to troubleshoot with you. Thank you!

  • Kristen Wasko changed status to Complete
    Team•

    Jun 3, 2025

    Available now in v2.37.0

  • Blue Goose

    •

    Mar 26, 2025

    I got frustrated with this and created a bodge fix using css that forces it to overflow but then causes text to marquee scroll after hovering for a second, its not perfect because it applies to activity feed as well but maybe someone else or the hudu team can improve it, without being able to modify HTML its been hard to fix this any further.

    .asset-sidebar__box h3 a {

    display: inline-block;

    overflow: visible;

    transition: transform 5s linear;

    transition-delay: 1s;

    }

    .asset-sidebar__box h3:hover a {

    transform: translateX(-50%);

    }

    .asset-sidebar__box h3 {

    mask-image: linear-gradient(to right, transparent, black 1%, black 99%, transparent);

    -webkit-mask-image: linear-gradient(to right, transparent, black 1%, black 99%, transparent);

    }

  • Black Quasar

    •

    Nov 3, 2024

    Minimum requirement: add full names for everything to the 'title' HTML attribute.

    There are still some elements which pull truncated data directly from the server which is terrible, but at least the sidebar and main titles I can fix with CSS..

  • Beige Rain

    •

    Oct 30, 2024

    Hi Emil! I’ve put in a similar feature request, so I voted for this one as well. If you’re open to it, I’d love if you could support mine too:

    https://feedback.hudu.com/feature-requests/p/add-tooltips-to-display-full-names-for-related-items-with-truncated-titles

  • Beige Rain

    •

    Oct 30, 2024

    Hi Stacy! I’ve put in a similar feature request, so I voted for this one as well. If you’re open to it, I’d love if you could support mine too:

    https://feedback.hudu.com/feature-requests/p/add-tooltips-to-display-full-names-for-related-items-with-truncated-titles

  • Aqua Reindeer

    •

    Mar 21, 2024

    Even if the file name has two lines and enabled wrap around, it would be easier to manage the files.