Long text is not wrapped in noformat and code macros inside a table

Bug Background

1. Some macros with a very long text within it will not be wrapped if they are within a table
2. As a result, the page becomes too wide with scrollbars to scroll the page.
3. The long text inside the macros should be within the macro with scrollbar to scroll the text or wrapped if possible.
4. This behaviour applies to macros such as {code} {noformat}, {panel}, {info}, {quote} and possibly other macros
5. This behaviour is exhibited in the Left Navigation Theme as well as when using the Navigation Sidebar because of the use of tables.
6. Here is a sample code that you can try to demonstrate the behaviour:

   h3. Macros within table
   {html}
   <table>
   <tr>
   <td>
   
   {html}
   \{code:title=Code Macro}
   this is a very long text. this is a very long text. this is a very long text. this is a very long text. this is a very long text. this is a very long text. this is a very long text. this is a very long text. this is a very long text. this is a very long text. this is a very long text. 
   \{code}
   
   {panel:title=Panel}
   this is a very long text. this is a very long text. this is a very long text. this is a very long text. this is a very long text. this is a very long text. this is a very long text. this is a very long text. this is a very long text. this is a very long text. this is a very long text. 
   {panel}
   
   {noformat:title=Noformat}
   this is a very long text. this is a very long text. this is a very long text. this is a very long text. this is a very long text. this is a very long text. this is a very long text. this is a very long text. this is a very long text. this is a very long text. this is a very long text. 
   {noformat}
   
   {info:title=Info}
   this is a very long text. this is a very long text. this is a very long text. this is a very long text. this is a very long text. this is a very long text. this is a very long text. this is a very long text. this is a very long text. this is a very long text. this is a very long text. 
   {info}
   
   {html}
   </td>
   </tr>
   </table>
   {html}
   
   h3. Macros outside table
   
   \{code:title=Code Macro}
   this is a very long text. this is a very long text. this is a very long text. this is a very long text. this is a very long text. this is a very long text. this is a very long text. this is a very long text. this is a very long text. this is a very long text. this is a very long text. 
   \{code}
   
   {panel:title=Panel}
   this is a very long text. this is a very long text. this is a very long text. this is a very long text. this is a very long text. this is a very long text. this is a very long text. this is a very long text. this is a very long text. this is a very long text. this is a very long text. 
   {panel}
   
   {noformat:title=Noformat}
   this is a very long text. this is a very long text. this is a very long text. this is a very long text. this is a very long text. this is a very long text. this is a very long text. this is a very long text. this is a very long text. this is a very long text. this is a very long text. 
   {noformat}
   
   {info:title=Info}
   this is a very long text. this is a very long text. this is a very long text. this is a very long text. this is a very long text. this is a very long text. this is a very long text. this is a very long text. this is a very long text. this is a very long text. this is a very long text. 
   {info}
   

7. This is the screenshot for the above code

Workaround

1. As a workaround, Administrator can define a Custom HTML that has this code in the "At end of the HEAD" section:

   <style>
   .code, .preformatted
   {
    width: 50%;
   }
   .panelContent pre
   {
   overflow-x: scroll;
   }
   </style>
   

2. This workaround is applicable to only {code} and {noformat} macro.