Skip to content

Large images overflow block settings panel #10

@thatisrich

Description

@thatisrich

Expected Behavior

When selecting an image to be used within the comparison block, the full image should be visible in the block settings panel.

Can be fixed by adding a max-width to the image element in the settings panel. May also require a height of auto.

Actual Behavior

Larger images exceed width of the block settings panel.

Step-by-step reproduction instructions

  1. Add an image comparison block to a page
  2. Select two large images and add them to the block
  3. Click on one of the images and ensure the block settings panel is visible to the right of the screen

Screenshots, screen recordings, code snippets

A quick screen recording showing the overflow can be found here.

Metadata

Metadata

Assignees

Labels

bugSomething isn't working

Type

No type

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions