From 4a5fbebe0ce8586f6481efed60d248ebf0116b38 Mon Sep 17 00:00:00 2001
From: Kristin Aoki <42981026+KristinAoki@users.noreply.github.com>
Date: Mon, 14 Jun 2021 10:32:30 -0400
Subject: [PATCH] fix: Correct iframe cutting off text (#27939)

This PR changes the style of the "STAFF DEBUG INFO" dialog. Before in
the New Experience view, when a user viewed the dialog and the text in a
table exceed the width of the dialog, it would continue outside of the
dialog and be hidden. Therefore, the user could not properly read all the
debug information. Now when the text in the table exceeds the width of
the dialog, it will automatically wrap within the table block.
---
 lms/templates/staff_problem_info.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/lms/templates/staff_problem_info.html b/lms/templates/staff_problem_info.html
index a4b7e0825d..167df3702a 100644
--- a/lms/templates/staff_problem_info.html
+++ b/lms/templates/staff_problem_info.html
@@ -105,13 +105,13 @@ ${block_content | n, decode.utf8}
       <table summary="${_('Module Fields')}">
         <tr><th>${_('Module Fields')}</th></tr>
         %for name, field in fields:
-        <tr><td style="width:25%">${name}</td><td><pre style="display:inline-block; margin: 0;">${field}</pre></td></tr>
+        <tr><td style="width:25%">${name}</td><td><pre style="display:inline-block; margin: 0; overflow-wrap: anywhere;">${field}</pre></td></tr>
         %endfor
       </table>
       <table>
         <tr><th>${_('XML attributes')}</th></tr>
         %for name, field in xml_attributes.items():
-        <tr><td style="width:25%">${name}</td><td><pre style="display:inline-block; margin: 0;">${field}</pre></td></tr>
+        <tr><td style="width:25%">${name}</td><td><pre style="display:inline-block; margin: 0; overflow-wrap: anywhere;">${field}</pre></td></tr>
         %endfor
       </table>
       category = ${category}