fix(compiler-core): math tag should use block

Author: linzhe141

packages/compiler-core/src/transforms/transformElement.ts

@@ -117,7 +117,7 @@ export const transformElement: NodeTransform = (node, context) => {
         // updates inside get proper isSVG flag at runtime. (#639, #643)
         // This is technically web-specific, but splitting the logic out of core
         // leads to too much unnecessary complexity.
-        (tag === 'svg' || tag === 'foreignObject'))
+        (tag === 'svg' || tag === 'foreignObject' || tag === 'math'))
 
     // props
     if (props.length > 0) {

packages/runtime-dom/src/nodeOps.ts

@@ -20,44 +20,10 @@ export const nodeOps: Omit<RendererOptions<Node, Element>, 'patchProp'> = {
   },
 
   createElement: (tag, namespace, is, props): Element => {
-    // https://www.javatpoint.com/mathml-all-elements
-    const allMathmlTags = [
-      'maction',
-      'math',
-      'menclose',
-      'merror',
-      'mfenced',
-      'mfrac',
-      'mglyph',
-      'mi',
-      'mlabeledtr',
-      'mmultiscripts',
-      'mn',
-      'mo',
-      'mover',
-      'mpadded',
-      'mphantom',
-      'mroot',
-      'mrow',
-      'ms',
-      'mspace',
-      'msqrt',
-      'mstyle',
-      'msub',
-      'msubsup',
-      'msup',
-      'mtable',
-      'mtd',
-      'mtext',
-      'mtr',
-      'munder',
-      'munderover',
-      'semantics',
-    ]
     const el =
       namespace === 'svg'
         ? doc.createElementNS(svgNS, tag)
-        : namespace === 'mathml' || allMathmlTags.includes(tag)
+        : namespace === 'mathml'
           ? doc.createElementNS(mathmlNS, tag)
           : doc.createElement(tag, is ? { is } : undefined)