Make WordPress Core

Opened 5 years ago

Closed 8 months ago

Last modified 5 months ago

#48754 closed defect (bug) (fixed)

Media image crop features not working.

Reported by: wpamitkumar's profile wpamitkumar Owned by:
Milestone: 6.3 Priority: normal
Severity: normal Version: 5.3
Component: Media Keywords: has-screenshots needs-patch needs-design-feedback close
Focuses: ui, administration Cc:


When I want to try crop image but not able to crop an image in media.

Attachments (2)

media-image-crop-issue.mp4 (1.7 MB) - added by wpamitkumar 5 years ago.
media-image-crop-issue.gif (2.1 MB) - added by wpamitkumar 5 years ago.

Change History (14)

#1 @SergeyBiryukov
5 years ago

  • Component changed from General to Media

#2 @wpamitkumar
5 years ago

  • Keywords dev-feedback needs-patch added
  • Version set to 5.3

#3 @sjnbham
4 years ago

I ran in to this issue as well. It happens in the latest versions of Chrome and FireFox. If you use the crop tool and then click the Crop button again or press the Enter key, then the crop is registered and the save button becomes available. This behavior is not very intuitive. It would be great to have the save option available while the crop tool is active. If focus switches to another image editing button like rotate or the save button is selected, then the crop state would be kept.

#4 @wesleytech
4 years ago

Hello! I am also unable to crop images as of today, using WordPress 5.5.1. The behavior looks the same as posted above. There seems to be 2 issues.

1) After attempting to do a crop, the Save button is greyed out and you are unable to click the button.

2) If you do some other alteration activity, like rotate, and then attempt to do a crop, the save button is then clickable, but after clicking it, the image does not actually get cropped. It remains the same as the original.

This would be such a useful feature in a post/image publishing flow. I hope this long running bug can be fixed!

If you need any further information, diagnostics, screenshots, etc, I'd be happy to provide.

Last edited 4 years ago by wesleytech (previous) (diff)

#5 @SergeyBiryukov
4 years ago

  • Focuses ui administration added
  • Keywords needs-design-feedback added; dev-feedback removed

Hi there, welcome to WordPress Trac! Thanks for ticket.

Cropping does work for me in the latest Chrome, but I agree with comment:3 that the UI is not very intuitive:

  • (Optionally) Click the Crop button to make the selection rectangle appear, or just start dragging from any place inside the image.
  • After selecting an area, click the Crop button (not vice versa).
  • Then the Save button becomes available.

It would probably be better if the Save button was available right after selecting an area, without clicking the Crop button again.

Marking this for design feedback.

#6 @wesleytech
4 years ago

Wow, it actually does work... Thanks for the instructions.

I definitely think the design / UX for this could be improved. Thank you!

Last edited 4 years ago by wesleytech (previous) (diff)

This ticket was mentioned in Slack in #design by paaljoachim. View the logs.

4 years ago

This ticket was mentioned in Slack in #design by paaljoachim. View the logs.

4 years ago

#10 @joedolson
12 months ago

  • Keywords close added

The changes made to resolve #50523 also make a significant impact on this user interface process. It doesn't exactly match the described resolution here, but should help clarify the process.

#11 @joedolson
8 months ago

  • Resolution set to fixed
  • Status changed from new to closed

#12 @swissspidy
5 months ago

  • Milestone changed from Awaiting Review to 6.3
Note: See TracTickets for help on using tickets.