Merge pull request #8718 from nextcloud/fix/math_close_div

fix(math): fix lost content after math node

Author: mejo-

src/markdownit/mathematics.ts

@@ -21,7 +21,7 @@ const escapeHtml = (unsafe: string) =>
 		.replace(/'/g, ''')
 
 const renderBlock = (content: string) =>
-	`<div data-type="block-math" data-latex="${escapeHtml(content)}" />`
+	`<div data-type="block-math" data-latex="${escapeHtml(content)}"></div>`
 
 const renderInline = (content: string) =>
 	`<span data-type="inline-math" data-latex="${escapeHtml(content)}">${escapeHtml(content)}</span>`

src/tests/markdown.spec.js

@@ -346,6 +346,12 @@ describe('Markdown serializer from html', () => {
 			'<details>\n<summary>**summary**</summary>\n```\ncode\n```\n\n</details>\n',
 		)
 	})
+
+	test('math (content following math stays, #8654)', () => {
+		const test =
+			'Content above\n\n$$\n\\sum_{i=1}^n i = \\frac{n(n+1)}{2}\n$$\n\nContent below'
+		expect(markdownThroughEditor(test)).toBe(test)
+	})
 })
 
 describe('Trailing nodes', () => {

src/tests/markdownit/mathematics.spec.ts

@@ -30,7 +30,7 @@ $$
 		expect(stripIndent(rendered)).toBe(
 			stripIndent(`
 			<p>Here is some more math:</p>
-			<div data-type="block-math" data-latex="1 + 1 + 1 = 3" />
+			<div data-type="block-math" data-latex="1 + 1 + 1 = 3"></div>
 			<p>.</p>`),
 		)
 	})