Problem Definition

When a long URL is included in a Jira issue and displayed in the Jira Issues Macro, the wrapping behavior makes the table much wider than desired in Chrome/Safari. The table is so wide that users must scroll sideways within the table.

In Firefox, the wrapping behavior is as desired and no sideways scrolling is necessary.

It appears this long URL wrapping issue can be reproduced outside of Atlassian products by putting a long URL into this test site:

https://www.w3schools.com/cssref/tryit.asp?filename=trycss_text_white-space

The white-space: normal property wraps the long URL onto three lines in Firefox:

The white-space: normal property wraps the long URL onto just two lines in Chrome:

Behavior in Confluence

Good behavior in Confluence using Firefox:

Bad behavior in Confluence using Chrome:
BadWrap_Chrome_Confluence.mp4

Suggested Solution

Make long URLs wrap in Chrome and Safari at a length that does not make the user need to scroll sideways.

Workaround

View the page in Firefox.

We notice that tables in Confluence are forcing a wrap on the cells based on a percentage or pixel value, which seems to avoid this issue.
Can we take advantage of this fact to get the Jira Issue Macro to behave similarly?
As a workaround, can we make a custom macro or modify the CSS wrap to get the desired behavior?