Use two columns for the place block form

Created on 1 September 2013, almost 12 years ago
Updated 4 August 2025, 2 days ago

Problem/Motivation

Since we have made the node edit form two columns the same logic behind doing that—reducing scroll, simplifying experience, progressive disclosure— also applies elswhere, for instance here in place blocks modal.

Following the beta guidelines the issue qualifies for inclusion in 8.0 since:

  • It's not a feature
  • It's unfrozen (CSS and markup)
  • It's a prioritized change (usability)
  • It's impact outweighs disruption. No disruption, it's an isolated change.

Currently even with only core default form items the modal extends below the fold on most desktops.


Current appearance

Proposed resolution

Proposed changes include:

  • Expanding the default width of the modal to accommodate the new column
  • Removing extra padding around the column tabs so that they "mortice" to the edges of the adjacent divs
  • Removing extraneous styling from the column to simplify the experience and reduce unnecessary noise (this also has a WCAG benefit in that the open tab background becomes a darker color)
  • Using an accordion behavior so that a) the modal does not expand to force scroll again and b) we remove the awkward behavior where a collapsed set can be in focus while an adjacent uncollapsed one is not in focus.
  • In order to maintain scannability when going to an accordion we add back the summary text from vertical tabs, as well as some of it's styling.
  • Additionally we move the region setting to right below title since it is the primary action of the modal.

User interface changes

Normal state


Expanded and in focus

Expanded and not in focus

API changes

This makes 📌 Make two column node CSS reusable Active even more important.

Remaining tasks

<!-- See https://drupal.org/core-mentoring/novice-tasks for tips on identifying novice tasks. Delete or add "Novice" from the Novice? column in the table below as appropriate. Uncomment tasks as the issue advances. Update the Complete? column to indicate when they are done, and maybe reference the comment number where they were done. -->
📌 Task
Status

Postponed: needs info

Version

11.0 🔥

Component

block.module

Created by

🇺🇸United States tim.plunkett Philadelphia

Live updates comments and jobs are added and updated live.
  • Usability

    Makes Drupal easier to use. Preferred over UX, D7UX, etc.

  • stale-issue-cleanup

    To track issues in the developing policy for closing stale issues, [Policy, no patch] closing older issues

Sign in to follow issues

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

  • 🇺🇸United States smustgrave

    Thank you for creating this issue to improve Drupal.

    We are working to decide if this task is still relevant to a currently supported version of Drupal. There hasn't been any discussion here for over 8 years which suggests that this has either been implemented or is no longer relevant. Your thoughts on this will allow a decision to be made.

    Since we need more information to move forward with this issue, the status is now Postponed (maintainer needs more info). If we don't receive additional information to help with the issue, it may be closed after three months.

    Thanks!

Production build 0.71.5 2024