Fix SVG attributes on svg element in HTML

Closes rehypejs/rehype#56.

Author: wooorm

lib/element.js

@@ -20,14 +20,16 @@ function serializeElement(ctx, node, index, parent) {
     schema.space === 'svg'
       ? ctx.closeEmpty
       : ctx.voids.indexOf(node.tagName.toLowerCase()) > -1
-  var attrs = serializeAttributes(ctx, node.properties)
+  var attrs
   var content
   var last
 
   if (schema.space === 'html' && node.tagName === 'svg') {
     ctx.schema = svg
   }
 
+  attrs = serializeAttributes(ctx, node.properties)
+
   content = all(
     ctx,
     schema.space === 'html' && node.tagName === 'template' ? node.content : node

test/svg.js

@@ -308,6 +308,25 @@ test('svg', function (t) {
     'should serialize an SVG tree'
   )
 
+  t.deepEqual(
+    to(
+      h('div', [
+        s(
+          'svg',
+          {
+            xlmns: 'http://www.w3.org/2000/svg',
+            strokeLineCap: 'round',
+            strokeLineJoin: 'round',
+            viewBox: [0, 0, 8, 8]
+          },
+          [s('path', {stroke: 'blue', d: 'M0 6V3h1l1 1v2'})]
+        )
+      ])
+    ),
+    '<div><svg xlmns="http://www.w3.org/2000/svg" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 8 8"><path stroke="blue" d="M0 6V3h1l1 1v2"></path></svg></div>',
+    'should serialize SVG props on an `svg` element in HTML'
+  )
+
   t.deepEqual(
     to(
       u('root', [