Skip to content

fix(richtext-lexical): prevent upload media overflow on narrow viewports#15634

Open
nehaaprasad wants to merge 1 commit intopayloadcms:mainfrom
nehaaprasad:fix/lex-med-ovf-iss
Open

fix(richtext-lexical): prevent upload media overflow on narrow viewports#15634
nehaaprasad wants to merge 1 commit intopayloadcms:mainfrom
nehaaprasad:fix/lex-med-ovf-iss

Conversation

@nehaaprasad
Copy link
Copy Markdown
Contributor

What?

  • Upload block media no longer overflow on small screens or in narrow columns (e.g. 50% width).

Why?

  • A fixed min-width/min-height of 450px stopped media from shrinking and caused overflow.

How?

  • Replaced those with max-width: min(450px, 100%) (and the same idea for portrait), and set max-width: 100% on the upload block and its contents so media scale with the container.

Fixes : #15559

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Lexical media preview overflowing issues

3 participants