fix: work around existing css that fail to draw mathjax (#32764)

cms/djangoapps/pipeline_js/js/xmodule.js

@@ -63,7 +63,14 @@ define(
                         t = -1;
                       }, delay);
                     }
-                  };
+
+                    // this is added to compensate for custom css that accidentally hide mathjax
+                    $('.MathJax_SVG>svg').toArray().forEach(el => {
+                        if ($(el).width() === 0) {
+                        $(el).css('max-width', 'inherit');
+                        }
+                    });
+                };
             }
         );
         window.CodeMirror = CodeMirror;

cms/templates/content_libraries/xblock_iframe.html

@@ -115,6 +115,13 @@
           t = -1;
         }, delay);
       }
+
+      // this is added to compensate for custom css that accidentally hide mathjax
+      $('.MathJax_SVG>svg').toArray().forEach(el => {
+        if ($(el).width() === 0) {
+          $(el).css('max-width', 'inherit');
+        }
+      });
     };
   </script>
   <script type="text/x-mathjax-config">

common/templates/mathjax_include.html

@@ -114,6 +114,13 @@
           t = -1;
         }, delay);
       }
+
+      // this is added to compensate for custom css that accidentally hide mathjax
+      $('.MathJax_SVG>svg').toArray().forEach(el => {
+        if ($(el).width() === 0) {
+          $(el).css('max-width', 'inherit');
+        }
+      });
     };
 </script>