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

GlugovGrGlib commented 1 month ago

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

ichintanjoshi commented 1 month ago

I have seen this in native too. This wasn't happening in koa (in native studio), but it was happening in olive (checked in native only), wasn't able to figure it out though.

I thought it was related to ajax or queries timing etc, but wasn't able to get it solved then.

mariajgrimaldi commented 1 month ago

FYI @arbrandes @brian-smith-tcril @openedx/teaching-and-learning, please tag anyone who can help with this issue.

brian-smith-tcril commented 1 month ago

I wasn't able to reproduce the issue when trying on the redwood sandbox, but I ran into another (possibly related) issue:

Repro Steps:

Create a new section
Edit the section title
Click on "New Subsection" while the section title is still in edit mode

Expected Behavior:

Section title saves
One new subsection created

Observed Behavior:

Section title saves
What seems like 2 new subsections are created
- However, deleting one deletes both, so it seems like it's not actually creating 2

Screencast from 2024-06-03 12-35-50.webm

rayzhou-bit commented 4 weeks ago

I reproduced this in edx.org's production environment. Here's what I see on the network tab for the 2 scenarios:

Editing Section Name and Executing Other Actions in the Current Section: Name change POST hits a 500 error.
Editing Section/Subsection Name and Executing Actions in a Different Section: We never make a POST for the action.

I'll put this bug in teaching-and-learning's backlog.

openedx / frontend-app-course-authoring