New image crop interface don't work in windows 10. Scale works.

[Laughter On Water]

Win 10, 64GB RAM, Plenty SSD
Shared hosting, Dreamhost
Browsers tried: Chrome, Brave, Firefox, even Opera...
Loving the new image-edit interface concept, but:

Media -> Select Image -> Edit Image -> Crop -> AR: 1:1 -> Apply Crop -> ... Nothing
Save Edits remains gray. No changes made.

Media -> Select Image -> Edit Image -> Scale -> New Dim: 500w -> Scale ... "Image Saved" notice. "Save Edits" remains gray. Changes saved.

I'm trying to scale and crop an image. It looks like a better workflow than before, but this crop is still a no-go.

I am pretty familiar with the old method, so the new method will certainly be an improvement. I use WordPress's crop function regularly. I'd love to see the fixed asap.

Hope this helps.

Chris

[dickmoomaw]

In MacOS 12.6.8:
❌ Crop works as desired
✅ Scale works the same as Windows 10.

Environment

• WordPress: 6.3
• PHP: 8.0.30
• Server: Apache
• Database: mysqli (Server: 5.7.23-23 / Client: mysqlnd 8.0.30)
• Browser: Chrome 116.0.0.0 (macOS)
• Theme: Twenty Sixteen 2.9
• MU-Plugins:
  • SSO 0.4
• Plugins:
  • Akismet Anti-Spam: Spam Protection 5.2
  • Classic Editor 1.6.3
  • Easy Sidebar Menu Widget 1.0
  • Jetpack 12.5
  • Jetpack Protect 1.4.1
  • MapPress Google Maps and Leaflet Maps 2.88.4
  • PHP Compatibility Checker 1.6.2
  • Variable Column Block 1.2.3
  • Widget Options 3.9.6
  • WordPress Beta Tester 3.5.3
  • WP Header Images 2.1.0

[joedolson]

So this seems like a possible JS issue, but I'm not able to reproduce it.

@laughter-on-water Can you document what plugins if any you have activated, and whether this still happens when using a default theme?

@dickmoomaw Can you re-test this with your plugins disabled?

[dickmoomaw]

As requested by @joedolson, I retested with plugins disabled. No change in my results:

In MacOS 12.6.8:
❌ Crop works as desired
✅ Scale works the same as Windows 10.

Environment

• WordPress: 6.3.1-RC1-56465
• PHP: 8.0.30
• Server: Apache
• Database: mysqli (Server: 5.7.23-23 / Client: mysqlnd 8.0.30)
• Browser: Chrome 116.0.0.0 (macOS)
• Theme: Twenty Sixteen 3.0
• MU-Plugins:
  • SSO 0.4

[Laughter On Water]

Replying to joedolson:

So this seems like a possible JS issue, but I'm not able to reproduce it.

@laughter-on-water Can you document what plugins if any you have activated, and whether this still happens when using a default theme?

@dickmoomaw Can you re-test this with your plugins disabled?

Not editing JS every day, but yeah, my thougths exactly.

Retested with all plugins disabled. Same problem.
Thought it might be the .jpeg thing (because for a while, you couldn't crop any file ending in .jpeg.)
So I worked with a png too. That actually brought to light another problem.
When you crop with aspect ratio 1:1 and the image is wider than tall, it produces a red-left-border notification error:

Selected crop ratio exceeds the boundaries of the image. Try a different ratio.

Perhaps the inability to crop and this new cropping error are related. The error is repeatable on both the live and lab systems. It does not matter what type of image (png/jpg) is being cropped.

Also tried it on my plugin-lab site just for this kind of thing. Still would not work even with all plugins disabled. Different Theme. I hope this helps.

Below are the themes and plugins installed on the sites I tested.

Not browser related, not theme related. Not plugin conflict related.

I hope this helps.

Diagnostic Glance 1.0

WordPress Version: 6.3.1
Key: [a] = active, [ ] = not active
Verbose listing: enabled

Listed Themes

[a] GeneratePress - Version 3.3.1
[ ] Twenty Twenty-Three - Version 1.2
2 themes present.

Listed Plugins

[a] BulletProof Security - Version 6.9
[a] Clear Cache For Me - Version 2.0.1
[a] Contact Form 7 - Version 5.8
[a] Contact Form CFDB7 - Version 1.2.6.7
[a] Content Control - Version 1.1.10
[a] Content Views - Version 3.4.0
[a] Content Views Pro - Version 5.10
[a] Diagnostic Glance - Version 1.0
[a] FileBird Lite - Version 5.5
[a] GP Premium - Version 2.3.2
[a] Kadence Blocks - PRO Extension - Version 2.0.12
[a] Kadence Blocks – Gutenberg Blocks for Page Builder Features - Version 3.1.13
[a] ManageWP - Worker - Version 4.9.17
[a] ProjectHuddle Client Site - Version 1.0.34
[a] Rank Math SEO - Version 1.0.122
[a] ReCaptcha v2 for Contact Form 7 - Version 1.4.4
[a] Redirection for Contact Form 7 - Version 3.0.1
[a] Reusable Blocks Extended - Version 0.9.1
[a] Site Kit by Google - Version 1.108.0
[a] Smart Slider 3 - Version 3.5.1.19
[a] Social Icons Widget & Block by WPZOOM - Version 4.2.14
[a] UpdraftPlus - Backup/Restore - Version 1.23.9
[a] WP Conference Schedule - Version 1.1.1
[a] WP Rollback - Version 1.7.3
[a] WPS Hide Login - Version 1.9.9
[a] WP Super Cache - Version 1.10.0
26 active plugins out of 27 present

Web Server and System Config

Web Server Type: Apache

MySQL Version Information

MySQL Database Version: 8.0.28
Min Req MySQL DB Version by WP: 5.0

PHP Version Information

Web Server info according to PHP:

Apache

Current PHP Version: 8.1.17
Min Req PHP Version by WP: 7.0.0
PHP Memory Limit: 256M
PHP Max Upload Size: 512M
PHP Post Max Size: 512M
PHP SAPI: cgi-fcgi.

PHP Extensions [ 51 Enabled ]

bcmath, bz2, calendar, cgi-fcgi,
Core, ctype, curl, date,
dom, exif, fileinfo, filter,
ftp, gd, gettext, hash,
iconv, imagick, imap, intl,
json, libxml, mbstring, mysqli,
mysqlnd, openssl, pcntl, pcre,
PDO, pdo_mysql, pdo_sqlite, Phar,
posix, pspell, Reflection, session,
SimpleXML, soap, sockets, sodium,
SPL, sqlite3, standard, tokenizer,
xml, xmlreader, xmlwriter, xsl,
Zend OPcache, zip, zlib

Diagnostic Glance 1.0

WordPress Version: 6.3.1
Key: [a] = active, [ ] = not active

Listed Themes

[a] Kadence - Version 1.1.42
[ ] Twenty Twenty-Three - Version 1.2
2 themes present.

Listed Plugins

[a] Advanced Editor Tools - Version 5.9.2
[a] BulletProof Security - Version 6.9
[a] CAPTCHA 4WP - Version 7.3.1
[a] Category Order and Taxonomy Terms Order - Version 1.7.9
[a] Clear Cache For Me - Version 2.0.1
[a] Diagnostic Glance - Version 1.0
[ ] FakerPress - Version 0.6.1
[a] GigPress - Version 2.3.27
[a] Kadence Blocks - PRO Extension - Version 2.0.12
[a] Kadence Blocks – Gutenberg Blocks for Page Builder Features - Version 3.1.13
[a] Kadence Cloud - Version 1.0.7
[a] Kadence Pro - Premium addon for the Kadence Theme - Version 1.0.13
[a] Kadence Starter Templates - Version 1.2.21
[ ] LOW Plugin Update Discourager - Version 1.0
[a] String Locator - Version 2.6.3
[a] Titan Anti-spam & Security - Version 7.3.5
[a] Volunteer Sign Up Sheets - Version 4.3.0
[a] WP Activity Log - Version 4.5.3
[a] WP Rollback - Version 1.7.3
[a] WPS Hide Login - Version 1.9.9
18 active plugins out of 20 present

Web Server and System Config

Web Server Type: Apache

MySQL Version Information

MySQL Database Version: 8.0.28
Min Req MySQL DB Version by WP: 5.0

PHP Version Information

Web Server info according to PHP:

Apache

Current PHP Version: 8.1.17
Min Req PHP Version by WP: 7.0.0
PHP Memory Limit: 256M
PHP Max Upload Size: 512M
PHP Post Max Size: 512M
PHP SAPI: cgi-fcgi.

PHP Extensions [ 51 Enabled ]

bcmath, bz2, calendar, cgi-fcgi,
Core, ctype, curl, date,
dom, exif, fileinfo, filter,
ftp, gd, gettext, hash,
iconv, imagick, imap, intl,
json, libxml, mbstring, mysqli,
mysqlnd, openssl, pcntl, pcre,
PDO, pdo_mysql, pdo_sqlite, Phar,
posix, pspell, Reflection, session,
SimpleXML, soap, sockets, sodium,
SPL, sqlite3, standard, tokenizer,
xml, xmlreader, xmlwriter, xsl,
Zend OPcache, zip, zlib

Apache Module List Unavailable

You're running PHP as cgi-fcgi.

[joedolson]

Hi, @laughter-on-water! Are you able to report whether this is still an issue for you?

I haven't yet been able to reproduce the issue, so at this point I don't have any working theories to tackle. If you can provide an update, I'd greatly appreciate it.