From 79d7c12c58b06225e3f828435e30c9dc5967c942 Mon Sep 17 00:00:00 2001
From: Muhammad Arslan <m.arslanabdulrauf@gmail.com>
Date: Thu, 6 Nov 2025 04:15:31 +0500
Subject: [PATCH] fix: broken Course Overview editor on Schedule & Details page
 (#2599)

---
 src/schedule-and-details/index.jsx | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/schedule-and-details/index.jsx b/src/schedule-and-details/index.jsx
index f8d114f44d..bbde3f06f5 100644
--- a/src/schedule-and-details/index.jsx
+++ b/src/schedule-and-details/index.jsx
@@ -116,7 +116,6 @@ const ScheduleAndDetails = ({ intl, courseId }) => {
     license,
     language,
     subtitle,
-    overview,
     duration,
     selfPaced,
     startDate,
@@ -127,7 +126,6 @@ const ScheduleAndDetails = ({ intl, courseId }) => {
     instructorInfo,
     enrollmentStart,
     shortDescription,
-    aboutSidebarHtml,
     preRequisiteCourses,
     entranceExamEnabled,
     courseImageAssetPath,
@@ -139,6 +137,12 @@ const ScheduleAndDetails = ({ intl, courseId }) => {
   } = editedValues;
 
   useScrollToHashElement({ isLoading });
+  // No need to get overview and aboutSidebarHtml from editedValues
+  // As updating them re-renders TinyMCE
+  // Which causes issues with TinyMCE editor cursor position
+  // https://www.tiny.cloud/docs/tinymce/5/react/#initialvalue
+  const { overview: initialOverview } = courseDetails || {};
+  const { aboutSidebarHtml: initialAboutSidebarHtml } = courseDetails || {};
 
   if (isLoading) {
     // eslint-disable-next-line react/jsx-no-useless-fragment
@@ -276,12 +280,12 @@ const ScheduleAndDetails = ({ intl, courseId }) => {
                   )}
                   <IntroducingSection
                     title={title}
-                    overview={overview}
+                    overview={initialOverview}
                     duration={duration}
                     subtitle={subtitle}
                     introVideo={introVideo}
                     description={description}
-                    aboutSidebarHtml={aboutSidebarHtml}
+                    aboutSidebarHtml={initialAboutSidebarHtml}
                     shortDescription={shortDescription}
                     aboutPageEditable={aboutPageEditable}
                     sidebarHtmlEnabled={sidebarHtmlEnabled}