From b7dfd29e6d5f1981799f8cef96f6f73ae829951c Mon Sep 17 00:00:00 2001
From: arimieandreea <arimie_andreea@yahoo.com>
Date: Tue, 4 Aug 2026 11:22:36 +0300
Subject: [PATCH] fix(multiple-choice, number-line): add render math in
 configure PIE-763

---
 packages/multiple-choice/configure/src/index.js | 3 +++
 packages/number-line/configure/src/index.js     | 2 ++
 2 files changed, 5 insertions(+)

diff --git a/packages/multiple-choice/configure/src/index.js b/packages/multiple-choice/configure/src/index.js
index d233b75669..ec900fc3a8 100644
--- a/packages/multiple-choice/configure/src/index.js
+++ b/packages/multiple-choice/configure/src/index.js
@@ -1,6 +1,7 @@
 import React from 'react';
 import { createRoot } from 'react-dom/client';
 import debug from 'debug';
+import { renderMath } from '@pie-lib/math-rendering';
 import {
   DeleteImageEvent,
   InsertImageEvent,
@@ -212,6 +213,8 @@ export default class MultipleChoice extends HTMLElement {
       log('_render - Calling root.render()');
       this._root.render(element);
       log('_render - Render completed successfully');
+
+      setTimeout(() => renderMath(this), 0);
     } catch (error) {
       console.error('❌ [multiple-choice-configure] Render error:', error);
       console.error('Error stack:', error.stack);
diff --git a/packages/number-line/configure/src/index.js b/packages/number-line/configure/src/index.js
index 193d33f865..82396b4f38 100644
--- a/packages/number-line/configure/src/index.js
+++ b/packages/number-line/configure/src/index.js
@@ -1,6 +1,7 @@
 import Main from './main';
 import React from 'react';
 import { createRoot } from 'react-dom/client';
+import { renderMath } from '@pie-lib/math-rendering';
 import {
   ModelUpdatedEvent,
   InsertSoundEvent,
@@ -179,6 +180,7 @@ export default class NumberLine extends HTMLElement {
       this._root = createRoot(this);
     }
     this._root.render(element);
+    setTimeout(() => renderMath(this), 0);
   }
 
   connectedCallback() {