Course outline — issue when editing Section/Subsection/Unit name, and executing an action on the page

Description

When editing a Section/Subsection/Unit name and clicking on an action on the page (such as New Section, New Subsection, or New Unit) without exiting the editing interface, some unexpected issues occur.

Expected Result

• The new name for the Section/Subsection/Unit that the user entered is saved when the user clicks outside of the text field.
• If the user clicks on the action button while editing a name for a course outline element, the name value should be saved, and the action should be executed correctly.

Actual Result

Editing Section Name and Executing Other Actions in the Current Section

• When the user edits a Section name and clicks on actions in this section (such as New Section, New Subsection, or New Unit), the action is executed, but the new Section name isn't saved (the old value is displayed).

Editing Section/Subsection Name and Executing Actions in a Different Section

• When the user edits a Section name and clicks on actions in different sections (such as New Section or New Subsection), the action isn't executed, but the new Section name is saved (the new value is displayed).
• When the user edits a Section name and clicks on the New Unit action, the new Section name is saved (the new value is displayed), but the user sees a blank page.

Additional details

Video:

https://github.com/openedx/frontend-app-course-authoring/assets/22370912/0dfc6003-7328-4a98-8332-3271748d8d01

Start by reproducing the course-outline name-editing flows shown in the issue, including actions in the current and different sections. Trace how editing loses focus when New Section, New Subsection, or New Unit is clicked. Done means the entered name is saved and each action executes correctly without a blank page.