Add latest changes from gitlab-org/gitlab@14-5-stable-eev14.5.0-rc42

1 files changed, 9 insertions, 2 deletions

diff --git a/app/assets/javascripts/notebook/cells/output/latex.vue b/app/assets/javascripts/notebook/cells/output/latex.vue
index db9e61dce82..d0ed963b55d 100644
--- a/app/assets/javascripts/notebook/cells/output/latex.vue
+++ b/app/assets/javascripts/notebook/cells/output/latex.vue
@@ -1,4 +1,5 @@
 <script>
+import { GlSafeHtmlDirective as SafeHtml } from '@gitlab/ui';
 import 'mathjax/es5/tex-svg';
 import Prompt from '../prompt.vue';
 
@@ -7,6 +8,9 @@ export default {
   components: {
     Prompt,
   },
+  directives: {
+    SafeHtml,
+  },
   props: {
     count: {
       type: Number,
@@ -33,13 +37,16 @@ export default {
       return svg.outerHTML;
     },
   },
+  safeHtmlConfig: {
+    // to support SVGs and custom tags for mathjax
+    ADD_TAGS: ['use', 'mjx-container', 'mjx-tool', 'mjx-status', 'mjx-tip'],
+  },
 };
 </script>
 
 <template>
   <div class="output">
     <prompt type="Out" :count="count" :show-output="index === 0" />
-    <!-- eslint-disable -->
-    <div ref="maths" v-html="code"></div>
+    <div ref="maths" v-safe-html:[$options.safeHtmlConfig]="code"></div>
   </div>
 </template>