code and noformat text does not wrap in some browser versions, breaking layout

Summary

When an Agent uses a {code} formatting block in a response the text inside it does not wrap. Instead the text breaks out of the layout and off the right side of the screen/window.

Environment

• support.atlassian.com, JIRA 6.4.11 / Service Desk 2.4.3
• extranet.atlassian.com/jira, JIRA 7.1.3 / Service Desk 3.1.3
• Confirmed affected browsers are Chrome 49.0.2623.87 (64 bit), Firefox 43.0.4.
• Confirmed not-affected browsers are Safari Version 8.0.7 (10600.7.12), Chrome 48.0.2564.116 (64 bit)

Steps to Reproduce

1. As an Agent, add a comment.
2. In the comment add the following markup, minus the back slashes:

   \{code\}
   test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test 
   \{code\}
   

Expected Results

The best result would be to show these blocks should be shown with scrollbars in combination with a max-width+max-height as they are in the JIRA Core views. This matches the way they are shown in the Agent view and JIRA Core view.

If this is not feasible then text inside block elements should wrap and visible text should not overlap other elements.

Actual Results

• Text continues past the boundary of the code/pre block, past the layout div, and off the right side of the page.
• The text can overlap links, preventing them from being clicked:
  

Notes

• The {noformat} macro is also affected.
• Attempted wrapping the {code} block in a {panel} block but his does not change the result.

Workaround

Insert line breaks into your {code} block every 60 characters. For example, this can be done with BBEdit using Text > Hard Wrap....