Disable drupalAutoButtons for modal [#3306090]

Problem/Motivation

When using paragraphs inside the modal block edit form, the "add new paragraph" button drops to the UI dialog button pane, but the block submit button doesn't. This is confusing to content editors.

Screenshot of modal showing paragraph button below block submit button

Proposed resolution

To fix this, we can add one line to the modal dialog options to disable drupalAutoButtons. Unfortunately this setting is currently ignored by core, so users will also need to to install a patch from this related issue.

Steps to reproduce

Enable Layout builder, Layout builder modal, and Paragraphs
Create a custom block type with a Paragraphs field
Add/Edit an instance of that block type in Layout Builder

Comment	File	Size	Author
#3	layout_builder_modal_3306090.patch	875 bytes	jayhuskins
	add paragraph button in confusing place.png	130.34 KB	jayhuskins

Comments

Comment #1

25 August 2022 at 20:21

jayhuskins created an issue. See original summary.

Comment #2

jayhuskins

he/they

commented 25 August 2022 at 20:23

Issue summary:

View changes

Comment #3

jayhuskins

he/they

commented 25 August 2022 at 20:29

Status	File	Size
new	layout_builder_modal_3306090.patch	875 bytes

Here is a patch that sets drupalAutoButtons to FALSE in the modal dialog options.

Comment #4

jayhuskins

he/they

commented 4 November 2022 at 21:08

Status:

Active

» Needs review

Comment #5

alvarodemendoza commented 8 December 2022 at 07:14

I've tried with both patches and it didn't worked with Drupal 9.4.8
I found another solution consisting on adding a wrapper div with .form-actions class to the Add Block button and removing the .form-actions wrapper from the Add another item one. This one worked because the drupalAutoButtons functionality searches for that class in order to move the buttons.