Image upload preview dialog layout is broken - preview overlaps other fields

Created on 15 May 2024, 11 months ago

Problem/Motivation

The image overlaps the media preview dialog (alt text field, etc), if the "image preview style" is set larger than approximately 100x100px (i.e. "thumbnail" size).

The problem originates from Claro's table css, where the <td> height: 4rem.
It's unclear whether the actual HTML is coming from Claro or Media Entity Browser or Entity Embed or what...

Steps to reproduce

Set the relevant "image preview style" to something larger than 100px.
/admin/structure/media/manage/image/form-display
Go to the editor and click the "media entity embed". Choose "upload". After upload, the layout is broken.

Proposed resolution

Well the workaround is to have the preview set to ~100px or less, but even then the layout is slightly broken.
The solution is probably to remove the restrictive height on the table rows.


🐛 Bug report
Status

Active

Version

10.2

Component
CSS 

Last updated 6 days ago

Created by

🇺🇸United States jayemel

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Production build 0.71.5 2024