fix: handle newlines inside HTML tag brackets

Closes #540

Author: quantizor

.changeset/fast-months-play.md

@@ -0,0 +1,5 @@
+---
+"markdown-to-jsx": patch
+---
+
+Handle newlines inside of HTML tags themselves (not just nested children.)

index.compiler.spec.tsx

@@ -3213,6 +3213,7 @@ comment -->`)
       </span>
     `)
   })
+
   it('should not fail with lots of \\n in the middle of the text', () => {
     render(
       compiler(
@@ -3362,6 +3363,36 @@ print("hello world")
       </span>
     `)
   })
+
+  it('#540 multiline attributes are supported', () => {
+    render(
+      compiler(
+        `<p>
+Item detail
+<span
+  style="
+    color: #fddb67;
+    font-size: 11px;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 18px;
+    text-decoration-line: underline;
+  "
+  >debug item 1</span
+>
+</p>`
+      )
+    )
+
+    expect(root.innerHTML).toMatchInlineSnapshot(`
+    <p>
+      Item detail
+      <span style="color: rgb(253, 219, 103); font-size: 11px; font-style: normal; font-weight: 500; line-height: 18px; text-decoration-line: underline;">
+        debug item 1
+      </span>
+    </p>
+    `)
+  })
 })
 
 describe('horizontal rules', () => {

index.tsx

@@ -1456,6 +1456,7 @@ export function compiler(
       order: Priority.HIGH,
       parse(capture, parse, state) {
         const [, whitespace] = capture[3].match(HTML_LEFT_TRIM_AMOUNT_R)
+
         const trimmer = new RegExp(`^${whitespace}`, 'gm')
         const trimmed = capture[3].replace(trimmer, '')
 
@@ -1470,7 +1471,7 @@ export function compiler(
         const ast = {
           attrs: attrStringToMap(capture[2]),
           noInnerParse: noInnerParse,
-          tag: noInnerParse ? tagName : capture[1],
+          tag: (noInnerParse ? tagName : capture[1]).trim(),
         } as {
           attrs: ReturnType<typeof attrStringToMap>
           children?: ReturnType<MarkdownToJSX.NestedParser> | undefined
@@ -1513,7 +1514,7 @@ export function compiler(
       parse(capture /*, parse, state*/) {
         return {
           attrs: attrStringToMap(capture[2] || ''),
-          tag: capture[1],
+          tag: capture[1].trim(),
         }
       },
       render(node, output, state) {