search

payloadcms / payload

Payload is the open-source, fullstack Next.js framework, giving you instant backend superpowers. Get a full TypeScript backend and admin panel instantly. Use Payload as a headless CMS or for building powerful applications.
https://payloadcms.com
MIT License
29.21k stars 1.81k forks source link

Publish changes dropdown truncated in @media (max-width: 1024px) #9699

Open cbratschi opened 16 hours ago

cbratschi commented 16 hours ago

Describe the Bug

The dropdown is not fully shown:

Image

Link to the code that reproduces this issue

https://github.com/cbratschi/payload

Reproduction Steps

Edit any document in a browser with max 1024 points width and check the publish language dropdown.

Which area(s) are affected? (Select all that apply)

area: ui

Environment Info

Binaries:
  Node: 22.9.0
  npm: 10.8.3
  Yarn: 1.22.22
  pnpm: N/A
Relevant Packages:
  payload: 3.2.2
Operating System:
  Platform: darwin
  Arch: arm64
  Version: Darwin Kernel Version 24.1.0: Thu Oct 10 21:05:23 PDT 2024; root:xnu-11215.41.3~2/RELEASE_ARM64_T6031
  Available memory (MB): 65536
  Available CPU cores: 16
cbratschi commented 16 hours ago

It works fine if the browser window uses the full display width i.e. the next breakpoint is being used.