Scaling Image Up Fails Silently

[brookedot]

The ability to scale images up was removed (I think in 3.5) and the text was changed in r24562 per this ticket #23713.

However, when using the Image editor to scale an image if you enter a value larger than the image we still attempt to re-size the image and the "Restore Original link appears"

To Reproduce

1) Select an image from the media library and click the "Edit Image" button

2) Enter dimensions larger than the original dimensions. You will see a red "!" as a warning but ignore this and click the "Scale" button

3) The site will try to re-size the image and gives a success message.

The only problem is that no new image was created. To fix this we either need to give a warning and not produce a "Restore Original Image" link or prevent the user from clicking the link at all.

My vote is since we already have JavaScript that detects when the image is too large the simplest solution would be to disable the "Scale" button when the warning "!" shows.

[bandonrandon]

#26382 was marked as a duplicate.

[bandonrandon]

related: #23713

[markoheijnen]

It wasn't remove in 3.5. I think it was never really possible. The code changes made in 3.5 had nothing to do with scaling restrictions.

[SergeyBiryukov]

Related: #21294, #27910.

[wonderboymusic]

markoheijnen - please take a look again and see if this needs to be dealt with

[kirasong]

Seems like it might make sense to disable the Scale button if we know we can't resize. We're already showing an indicator, but there's no reason to allow a user to attempt to resize if it's just going to fail.

[markoheijnen]

Another option is to revert the given size to the original size when it's to big.

[kirasong]

Yeah, just changing the field to match the current dimension (and hence max resize value) when a user attempts to set it higher would make sense.

[desrosj]

I did some testing and this is still present today in 6.0.x.

26381.diff​ disables the scale button when the entered dimensions would result in upscaling. But it feels confusing not to present more information to the user.

Additionally, I think that wp_save_image() (which is the function called for scale AJAX requests) could probably be updated to return an error when attempting to enlarge an image. I'll upload a separate patch that includes that change, but this may cause some problems in other locations, so may need more testing.

This adjusts the logic for the edit image screen in the admin to prevent an image from being scaled larger than the original.

Trac ticket: https://core.trac.wordpress.org/ticket/26381.

[desrosj]

26381.2.diff​ is just the patch from the pull request I've created above.

I'm also going to reset the owner field on this ticket. It's been 8+ years since this one has received attention. Sometimes contributors shy away from tackling tickets with an owner. This will make it more clear that no one is actively taking lead on this one.

@markoheijnen if you are still interested in this, feel free to re-assign.

[antpb]

With consideration to the feedback needed around Jonathan's points about the confusing experience of seeing the button disable without context, it might be better to move this issue to the next release of WordPress. Beta 1 is hours away so it would be better to solve the UX issues here before we merge any changes.

[Mista-Flo]

Adding some unit test

[Mista-Flo]

Hey there, just coming back to this ticket to help making it on time for 6.2.

I took @desrosj last patch and added a dedicated unit test function te test the new behaviour, working fine on my end.

Also tested the functionality in the backend, that also works fine to me.

[brookedot]

This is just an administrative note that since I reported this 9 years ago I now use the W.org username of brookedot not bandonrandon so if props are given to the reporter please give them to me as brookedot. Thanks!

[azaozz]

Just a note here that the old image editor is considered "in maintenance mode only" just like the old post editor. There is better alternative in the Image block.

For now the (new) image editor in the Image block lacks some features, but has much better UI and works quite better code-wise. For example it creates new attachment posts for edited images which removes many of the problems and edge cases when using the old editor.

In that terms not sure if this is worth fixing after 9 years...

[costdev]

The discussion in Slack showed some disagreement with closing this ticket, particularly as the image editor in question is in maintenance mode only, and this is something to be fixed.

As this is still failing silently, and we have patches and a test, the work is pretty much already done here. If this didn't have a patch, I might have agreed with closing this ticket, but I think it's worth finalizing this work with final reviews and commit.

While the test in 26381.3.diff (which is newer than the other patches and PR) needs a little work to meet standards, this whole test file needs the same improvements. IMO, the test could be committed as-is and we could follow up to fix this whole file in one go later on.

[antpb]

It was discussed and agreed in recent a recent Media meeting that this fix is desireable even if in maintenance mode as this is essentially a bug that needs to be fixed. This will be top of my list in 6.3 to finish up. We just need to get the coding standards cleared and it is good to go.

[kirasong]

Just a quick note that I agree that it makes sense to fix this -- especially since it's already got a patch.

Tests on 26381.4.diff

Trac ticket: https://core.trac.wordpress.org/ticket/26381

[joedolson]

PR includes the above, plus:

• Change input to type=Number and added min/max values to set guardrails
• Add onchange so input type's arrows trigger events
• Made scale warning visible with JS warning text, adjusted contrast to meet WCAG guidelines
• Associated warning with input fields using aria-describedby

[joedolson]

Adds accessibility improvements

[antpb]

In 55859:

Media: Prevent scaling up of images in the Image Editor.

Previously, when scaling an image larger than the source size in the image edit states the image would silently fail the scaling action. This patch provides an error when someone attempts to scale an image larger than the source size while also disabling the button to initiate the action.

Props brookedot, joedolson, markoheijnen, mikeschroder, desrosj, Mista-Flo, costdev.
Fixes #26381.

In https://core.trac.wordpress.org/changeset/55859

Fixed in https://core.trac.wordpress.org/changeset/55859.