Show AJAX progress indicator for save/cancel actions

Created on 23 October 2024, 3 months ago

Problem/Motivation

Bad user experience because of missing progress indicator after submitting component form on layout paragraphs.

Steps to reproduce

The fastest way to reproduce this UX problem:

  1. Go to existing page with paragraphs layout.
  2. Click on edit button in paragraphs layout.
  3. Click to save or cancel button.

After click page is freeze a bit to process AJAX request, but there no any progress indicator.

Proposed resolution

To solve this problem I want to change ComponentFormBase::buildComponentForm() and set progress property for buttons:

'#ajax' => [
  'progress' => [
    'type' => 'throbber',
    'message' => NULL,
  ],
],

For 2.1.x-dev version in the code progress property is disabled:

'#ajax' => [
  'callback' => '::ajaxSubmit',
  'progress' => 'none',
],

I think it makes sense to find a related commit for this change to understand why it disabled.

Remaining tasks

  1. Check why this functionality were disabled.
  2. Update AJAX progress property for the available submits.
πŸ› Bug report
Status

Active

Version

2.1

Component

User interface

Created by

πŸ‡ΊπŸ‡¦Ukraine Panchuk Volyn, Lutsk

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

Merge Requests

Comments & Activities

Production build 0.71.5 2024