@brightspace-ui/core 3.2.0 → 3.2.2

package/components/html-block/demo/html-block.html

@@ -78,7 +78,7 @@
 							<li>ordered item 1</li>
 							<li>ordered item 2</li>
 						</ol>
-						<div><a href="https://d2l.com">anchor</a></div>">					
+						<div><a href="https://d2l.com">anchor</a></div>">
 					</d2l-html-block>
 				</template>
 			</d2l-demo-snippet>
@@ -494,7 +494,7 @@
 								&lt;/mrow&gt;
 								&lt;mo&gt;)&lt;/mo&gt;
 							&lt;/mrow&gt;
-						&lt;/math&gt; and other symbols.">					
+						&lt;/math&gt; and other symbols.">
 					</d2l-html-block>
 				</template>
 			</d2l-demo-snippet>
@@ -504,7 +504,7 @@
 			<d2l-demo-snippet>
 				<template>
 					<d2l-html-block html="&lt;div&gt;$$ f(x) = \int \mathrm{e}^{-x}\,\mathrm{d}x $$ $$ x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a} $$&lt;/div&gt;
-						&lt;div&gt;$$ {\color{red}x} + {\color{blue}y} = {\color{green}z} $$&lt;/div&gt;">					
+						&lt;div&gt;$$ {\color{red}x} + {\color{blue}y} = {\color{green}z} $$&lt;/div&gt;">
 					</d2l-html-block>
 				</template>
 			</d2l-demo-snippet>

package/components/html-block/html-block.js

@@ -231,12 +231,19 @@ class HtmlBlock extends LitElement {
 			'd2l-html-block-compact': this.compact
 		};
 
-		return html`
-			<div class="${classMap(renderContainerClasses)}">
-				${(this._embedsFeatureEnabled() && !this.noDeferredRendering) ? until(this._processEmbeds(), nothing) : nothing}
-			</div>
-			${this.noDeferredRendering ? html`<slot @slotchange="${this._handleSlotChange}"></slot>` : ''}
-		`;
+		if (this._embedsFeatureEnabled()) {
+			return html`
+				<div class="${classMap(renderContainerClasses)}">
+					${!this.noDeferredRendering ? until(this._processEmbeds(), nothing) : nothing}
+				</div>
+				${this.noDeferredRendering ? html`<slot @slotchange="${this._handleSlotChange}"></slot>` : ''}
+			`;
+		} else {
+			return html`
+				<div class="${classMap(renderContainerClasses)}"></div>
+				${this.noDeferredRendering ? html`<slot @slotchange="${this._handleSlotChange}"></slot>` : ''}
+			`;
+		}
 	}
 
 	async updated(changedProperties) {

package/helpers/mathjax.js

@@ -64,6 +64,24 @@ class HtmlBlockMathRenderer {
 			elm.style.height = '0.5rem';
 		});
 
+		if (context.enableMML3Support) {
+			// There's a bug in the experimental MML3 plugin that causes mi and mo elements containing non-breaking
+			// spaces to break MathJax's math processing (e.g. <mo>&nbsp;</mo>, <mi>Some&nbsp;Identifier</mi>).
+			// Unfortunately, WIRIS tends to add a lot of these in chemistry equations, so they break math processing.
+			//
+			// In order to address this, we can just remove any non-breaking spaces entirely, replacing them with
+			// empty strings. MathJax will ignore any empty elements as a result, and while this may mean intended
+			// whitespace is occasionally removed, it's necessary for MathJax to render anything at all.
+			//
+			// NOTE: MathJax evidently has a fix for this in MathJax 4, so we should consider trying to remove this when
+			// the update comes out of beta and we decide to take it on.
+			//
+			// See https://github.com/mathjax/MathJax/issues/3030 for some related discussion.
+			elem.querySelectorAll('mo, mi').forEach(elm => {
+				elm.innerHTML = elm.innerHTML.replace(/&nbsp;/g, '');
+			});
+		}
+
 		// If we're using deferred rendering, we need to create a document structure
 		// within the element so MathJax can appropriately process math.
 		if (!options.noDeferredRendering) elem.innerHTML = `<mjx-doc><mjx-head></mjx-head><mjx-body>${elem.innerHTML}</mjx-body></mjx-doc>`;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brightspace-ui/core",
-  "version": "3.2.0",
+  "version": "3.2.2",
   "description": "A collection of accessible, free, open-source web components for building Brightspace applications",
   "type": "module",
   "repository": "https://github.com/BrightspaceUI/core.git",