From 5a1c36345a458ffa301671edd47774304297ef44 Mon Sep 17 00:00:00 2001
From: Arno Gourdol <arno@arno.org>
Date: Fri, 18 Aug 2023 12:15:01 -0700
Subject: [PATCH] fix: the \class command in a math-field would not pickup
 classes defined inside the math-field

---
 CHANGELOG.md                    |  1 +
 src/public/mathfield-element.ts | 20 ++++++++++++++++++++
 2 files changed, 21 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index b4ce73596..e99773a4d 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -8,6 +8,7 @@
 - **#2018** Some VK toolbar items could be offset by a few pixels on some 
   mobile devices
 - The caret was not visible when placed after an `\operator*{}` command
+- The `\class{}{}` command in a mathfield was not working correctly.
 
 ### Improvements
 
diff --git a/src/public/mathfield-element.ts b/src/public/mathfield-element.ts
index 1d54fa69b..505604a74 100644
--- a/src/public/mathfield-element.ts
+++ b/src/public/mathfield-element.ts
@@ -1084,6 +1084,10 @@ export class MathfieldElement extends HTMLElement implements Mathfield {
    */
   private _internals: ElementInternals;
 
+  // The content of <style> tags inside the element.
+  /** @internal */
+  private _style: string;
+
   /**
      * To create programmatically a new mathfield use:
      *
@@ -1734,6 +1738,22 @@ import 'https://unpkg.com/@cortex-js/compute-engine?module';
 
     const slot =
       this.shadowRoot!.querySelector<HTMLSlotElement>('slot:not([name])');
+    try {
+      this._style = slot!
+        .assignedElements()
+        .filter((x) => x.tagName.toLowerCase() === 'style')
+        .map((x) => x.textContent)
+        .join('');
+    } catch (error: unknown) {
+      console.error(error);
+    }
+    // Add shadowed stylesheet if one was provided
+    // (this is important to support the `\class{}{}` command)
+    if (this._style) {
+      const styleElement = document.createElement('style');
+      styleElement.textContent = this._style;
+      this.shadowRoot!.appendChild(styleElement);
+    }
 
     let value = '';
     // Check if there is a `value` attribute and set the initial value