Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[5.x]: Dynamic column heights of field groups in the Slide-Out module #15590

Closed
alexanderbuergin opened this issue Aug 23, 2024 · 2 comments
Closed
Assignees
Labels

Comments

@alexanderbuergin
Copy link

alexanderbuergin commented Aug 23, 2024

What happened?

Description

When editing Entry Types within the Slide-Out module, there is a display issue. The height of the columns for the field groups is dynamically set via JavaScript, which leads to inconsistent layouts.

Problem

  1. For example, when one column is eight fields tall and the adjacent column has only one field, a large gap appears.
  2. This results in unpredictable drag-and-drop behavior within the Slide-Out. Fields tend to "jump" during the drag-and-drop process, making it difficult to position them correctly.
  3. To work around this issue, we have to edit the Entry Type in the settings instead of using the Slide-Out module.

Current Behavior

Column heights are uneven, leading to large gaps and making drag-and-drop functionality difficult to use.

Steps to Reproduce

  1. Open the Slide-Out module to edit an Entry Type.
  2. Observe the column heights across different fields in the groups.
  3. Attempt to move a field via drag-and-drop within the Slide-Out module.

Screenshots

Bildschirmfoto 2024-08-22 um 19 47 44 Bildschirmfoto 2024-08-22 um 19 48 03

Craft CMS version

5.3.5

PHP version

8.3

@i-just
Copy link
Contributor

i-just commented Aug 27, 2024

Hi, thanks for reporting! I raised a PR for this.

@brandonkelly
Copy link
Member

Craft 5.4.0 is out now with that fix. Thanks again!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

3 participants