Skip to content

Prevent tooltips for references in markdown from being split

What does this MR do and why?

Make sure references in rendered markdown are inline-block so that they will not split across a line break. This enures that their tooltips will be properly anchored.

References

Please include cross links to any resources that are relevant to this MR This will give reviewers and future readers helpful context to give an efficient review of the changes introduced.

Screenshots or screen recordings

Before After
gdk.test_3000_flightjs_Flight_-work_items_101__2 gdk.test_3000_flightjs_Flight_-work_items_101__3
image image
image image

How to set up and validate locally

  1. Check out this branch
  2. In the GDK, go to an issue or MR and start composing a comment
  3. Add content to the comment so that you will have some text, then an expanded reference to an issue, then more text
  4. Preview the comment
  5. Adjust the size of your viewport so that the unfurled issue link gets wrapped to the next line. It will not be possible to get the unfurled link to split across two lines.
  6. Hovering over the link will put the tooltip in the expected position above its center

Related to #21356

Merge request reports

Loading