UX: Component edit dialog

Created on 18 September 2024, 7 months ago

Problem/Motivation

1) When editing component, the CKEditor link and media library dialog are hidden behind the edit Componet dialog.

2) Current ME component edit dialog is not modal after clicking on add Component, compare to add Section, add Component modal. This gives a bad editing UX when user is able to interact or could accidentally interact with other page elements.

_defaults:
  ...
  resizable: true
  modal: true

The CKEditor link button and media library are hidden behind.

Steps to reproduce

Add section and component, both are modal dialogs.
1) Edit a component with CKEditor, the link and media library modal are hidden behind the edit component dialog.

2) Edit component right after add component is not a modal. Could accidentally press Save, Done or interact with other form/link, leading to unwanted situation.

Proposed resolution

Change component edit to modal and ensure CKEditor link, media library dialog still working.

Remaining tasks

-

User interface changes

Change component edit, right after add component to modal.

API changes

-

Data model changes

🐛 Bug report
Status

Active

Version

2.1

Component

User interface

Created by

🇲🇾Malaysia ckng

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Production build 0.71.5 2024