Skip to content

[5.x]: Layout shifts around/glitches when removing a selected asset from a field w/ Large Thumbnails or Cards view mode #15712

@mmikkel

Description

@mmikkel

What happened?

Description

If an asset field is using the "Large Thumbnails" or "Cards" view modes, a significant layout shift/glitch occurs whenever a selected asset is removed from the field:

CleanShot.2024-09-10.at.15.29.28.mp4

I'm able to reproduce this behavior in latest versions of Edge, Chrome, Safari and Firefox browsers on macOS 14.6.1. The glitch does not happen if the field is using the "List" view mode.

Steps to reproduce

  1. Create an assets field, with all default settings except "Large Thumbnails" or "Cards" for the View Mode
  2. Add an asset to the field
  3. Remove the asset

Expected behavior

Actual behavior

Craft CMS version

5.4.2

PHP version

No response

Operating system and version

macOS 14.6.1

Database type and version

No response

Image driver and version

No response

Installed plugins and versions

  • None

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions