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

openedx · Jul 17, 2023 · df6c0fc · df6c0fc
1 parent 4b64d83
commit df6c0fc
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 1 deletion.
diff --git a/cms/djangoapps/pipeline_js/js/xmodule.js b/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;

diff --git a/cms/templates/content_libraries/xblock_iframe.html b/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">

diff --git a/common/templates/mathjax_include.html b/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>