divs mess up the DOM and create empty <p> tags; use spans instead so they stay nested in <p>s

sarahs · sarahs · commit 7343b88e63ab · 2021-04-22T11:15:01.000-04:00
diff --git a/lib/render-content/create-processor.js b/lib/render-content/create-processor.js
@@ -27,7 +27,7 @@ module.exports = function createProcessor (context) {
     .use(highlight, { languages: { graphql }, subset: false })
     .use(raw)
     .use(rewriteLegacyAssetPaths, context)
-    .use(wrapInElement, { selector: 'ol > li img', wrapper: 'div.procedural-image-wrapper' })
+    .use(wrapInElement, { selector: 'ol > li img', wrapper: 'span.procedural-image-wrapper' })
     .use(rewriteLocalLinks, { languageCode: context.currentLanguage, version: context.currentVersion })
     .use(html)
 }

Original file line number	Diff line number	Diff line change
`@@ -27,7 +27,7 @@ module.exports = function createProcessor (context) {`
`27`	`27`	`.use(highlight, { languages: { graphql }, subset: false })`
`28`	`28`	`.use(raw)`
`29`	`29`	`.use(rewriteLegacyAssetPaths, context)`
`30`		`- .use(wrapInElement, { selector: 'ol > li img', wrapper: 'div.procedural-image-wrapper' })`
	`30`	`+ .use(wrapInElement, { selector: 'ol > li img', wrapper: 'span.procedural-image-wrapper' })`
`31`	`31`	`.use(rewriteLocalLinks, { languageCode: context.currentLanguage, version: context.currentVersion })`
`32`	`32`	`.use(html)`
`33`	`33`	`}`