payload
payload copied to clipboard
[Usability] Content writers couldn't figure out how to select an existing image in Page collection
Steps to Reproduce
- Clone payload-3.0-demo-bugs
Note: it's based of the latest demo code + upgraded to
beta.25
-
npm install
(node versionv18.20.2
) -
./start-database.sh
-
npm run dev
- Log in
- Click on Media
- Upload an image
- Go back to Main Dashboard
- Select Page collection
- Choose an existing media
- Select an existing image from the list (via checbox)
Expected Result
"Save" button appears to select an image (or some other way)
Actual Result
After selecting checkbox of the target image, UI doesn't really change. User can't easily select an existing image
Recording
https://github.com/payloadcms/payload-3.0-demo/assets/4755076/802f8f57-31be-46b4-8994-093887c46919
Moved to main repo as this is not unique to 3.0.
I think that what should be done here is to disable the ability to multi-select images in the ListDrawer
in some contexts, such as the one demonstrated in the video in this issue.
I just checked and in v3 we hide the multi-select in the ListDrawer there and both the thumbnail and the title of the image/media are clickable to insert it.
https://github.com/user-attachments/assets/353ba5c6-6087-4a88-a80c-5d92ff711fa8
This issue has been automatically locked. Please open a new issue if this issue persists with any additional detail.