Skip to content

Layout shift when closing the last column in a row #1268

@mattrunyon

Description

@mattrunyon

Description

This only appears to happen when you close or move the last item in the right-most column in a row. There is a vertical layout shift. Also, the drop zones can be temporarily wrong. They show correctly, but if there are many items in the left column and you try to drag the item from the right column into the left, it will sometimes drop in the completely wrong place (I think this happens on page reload specifically)

Steps to reproduce

  1. Create a multi-row layout. Put multiple columns in the last row (I think it works w/ middle row too)
  2. Put only 1 item in the last column of the row
  3. Close or drag the tab

Expected results

No layout shift

Actual results

Layout shift. If you drop the item back into its own column where it originally was and re-drag, no further layout shift occurs. Resizing and then dragging again causes layout shift

Additional details and attachments

The shift looks like it's around the height of the header, but not always. Sometimes the shift is up and other times down.

Screen.Recording.2023-05-05.at.6.03.12.PM.mov

Versions

  • Web UI Version: 0.37.3

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions