Missing Loading Indicator & Disabled UI On Save/Publish Actions In Backoffice

by ADMIN 78 views

Introduction

Umbraco, a popular open-source content management system, has been a go-to choice for many developers and content creators. However, with the latest version, 15.3.0-rc2, a critical issue has been reported, affecting the user experience in the backoffice. The problem lies in the missing loading indicator and disabled UI on save/publish actions, making it unclear whether the operation is in progress or not. In this article, we will delve into the specifics of this issue, explore the expected and actual results, and provide a step-by-step guide to reproduce the problem.

Background

Umbraco 15.3.0-rc2 has introduced a new feature set, aimed at improving the overall user experience. However, this update has also brought about some unexpected issues, including the missing loading indicator and disabled UI on save/publish actions. This problem is not limited to a specific browser or device, as it has been reported to occur in Chrome, Edge, and Firefox.

The Issue

When saving or publishing a content node in the Umbraco backoffice, the UI does not provide any visual indication that the action is in progress. In previous versions, a loading spinner was displayed on the buttons, and the UI was disabled to prevent accidental changes during the process. Currently, the UI remains fully interactive while the operation is in progress, making it unclear whether the save/publish action is happening or not. The only feedback comes after several seconds when the success toast notification appears.

Specifics

The issue occurs when clicking the "Save" or "Save and Publish" buttons in the backoffice content editor. The problem is reproducible in Chrome, Edge, and Firefox, and no visible console errors related to this issue have been reported. A video demonstrating the issue is attached to this report.

Steps to Reproduce

To reproduce the issue, follow these steps:

  1. Open any content node in the backoffice.
  2. Click "Save" or "Save and Publish".
  3. Observe that there is no loading indicator or UI feedback during the process.
  4. After several seconds, a toast notification appears confirming the action.

Expected Result vs. Actual Result

Expected Result:

  • A loading indicator should appear on the Save and Save and Publish buttons while the action is in progress.
  • The content editor should be temporarily disabled during the operation to prevent unintended modifications.

Actual Result:

  • There is no loading indicator on the buttons.
  • The content editor remains fully interactive, allowing changes while the operation is still in progress.

Conclusion

The missing loading indicator and disabled UI on save/publish actions in the Umbraco backoffice is a critical issue that affects the user experience. This problem is not limited to a specific browser or device and has been reported to occur in Chrome, Edge, and Firefox. To resolve this issue, Umbraco developers should focus on reintroducing the loading indicator and disabling the UI during the operation. By doing so, they can provide a more intuitive and user-friendly experience for content creators and developers.

Recommendations

To address this issue, we recommend the following:

  1. Reintroduce the loading indicator: Display a loading spinner on the Save and Save and Publish buttons while the action is in progress.
  2. Disable the UI: Temporarily disable the content editor during the operation to prevent unintended modifications.
  3. Provide clear feedback: Display a clear and concise message indicating that the operation is in progress, such as a toast notification or a progress bar.
  4. Test thoroughly: Thoroughly test the updated feature to ensure that it works as expected and does not introduce any new issues.

Introduction

In our previous article, we discussed the critical issue of missing loading indicator and disabled UI on save/publish actions in the Umbraco backoffice. This problem affects the user experience and can lead to unintended modifications during the operation. In this Q&A article, we will address some of the most frequently asked questions related to this issue.

Q: What is the current status of this issue?

A: The issue is currently being investigated by the Umbraco development team. They are working on a solution to reintroduce the loading indicator and disable the UI during the operation.

Q: Why was the loading indicator and UI disabled in the first place?

A: The loading indicator and UI were disabled to improve the overall performance and responsiveness of the Umbraco backoffice. However, this change has introduced a new issue, making it unclear whether the operation is in progress or not.

Q: How can I reproduce the issue?

A: To reproduce the issue, follow these steps:

  1. Open any content node in the backoffice.
  2. Click "Save" or "Save and Publish".
  3. Observe that there is no loading indicator or UI feedback during the process.
  4. After several seconds, a toast notification appears confirming the action.

Q: What are the expected results?

A: The expected results are:

  • A loading indicator should appear on the Save and Save and Publish buttons while the action is in progress.
  • The content editor should be temporarily disabled during the operation to prevent unintended modifications.

Q: What are the actual results?

A: The actual results are:

  • There is no loading indicator on the buttons.
  • The content editor remains fully interactive, allowing changes while the operation is still in progress.

Q: How can I provide feedback to the Umbraco development team?

A: You can provide feedback to the Umbraco development team by:

  • Creating a new issue on the Umbraco GitHub repository.
  • Commenting on the existing issue related to this problem.
  • Reaching out to the Umbraco community through the official forums or social media channels.

Q: What is the estimated timeline for resolving this issue?

A: The estimated timeline for resolving this issue is not yet available. However, the Umbraco development team is working diligently to provide a solution as soon as possible.

Q: Will this issue be fixed in the next Umbraco release?

A: The Umbraco development team is working on a solution to reintroduce the loading indicator and disable the UI during the operation. However, it is not yet confirmed whether this issue will be fixed in the next Umbraco release.

Conclusion

The missing loading indicator and disabled UI on save/publish actions in the Umbraco backoffice is a critical issue that affects the user experience. We hope that this Q&A article has provided you with the information you need to understand the issue and its impact. If you have any further questions or concerns, please do not hesitate to reach out to the Umbraco community or the development team.