Related links row height jumps when the hover link icon appears #3232
Zak Siddiqui opened 19 hours ago

Summary

On the issue detail page, the "Related links" list increases a row's height when the link icon appears on mouse hover. Because the icon is inserted inline with the link text, long link titles are pushed onto an extra line, causing a sudden vertical reflow that makes the list jarring to browse.

Steps to reproduce

  1. Open an issue that has one or more related links with a reasonably long title.
  2. Hover the mouse over a link in the Related links section.
  3. Observe the link icon appear next to the text and the row grow taller.

Expected behavior

Hovering a related link should reveal the icon without changing the row's height or wrapping the text. The list layout should stay stable while moving the mouse over it.

Actual behavior

The icon is placed inline with the link text, which can force the text to wrap to a second line. The row height changes abruptly each time the mouse enters or leaves a link. See the attached screen recording.

Suggested fix

Position the icon out of the normal text flow (for example, absolutely positioned inside a relatively positioned row, with reserved horizontal space) so that showing or hiding it never affects wrapping or row height.

Environment

  • OneDev 17.1.2

Additional context

Severity is minor - the feature is usable as-is - but the layout jump is distracting during normal browsing of the related links list.


OneDev Link forcing new line_2.gif

  • Zak Siddiqui changed title 19 hours ago
    Previous Value Current Value
    Related links' line height dynamically increases unnecessarily
    Related links row height jumps when the hover link icon appears
1/1
Type
Bug
Priority
Minor
Assignee
Affected Versions
OneDev 17.1.2
Labels
No labels
Issue Votes (0)
Watchers (2)
Reference
OD-3232
Please wait...
Connection lost or session expired, reload to recover
Page is in error, reload to recover