craftcms / craftcms/cms

[5.x]: Crop tool is laggy in Firefox browser

Open
#15,925 1 comment 1 reaction 0 assignees View on GitHub

Nobody has claimed this yet.

bug
Dominant language
PHP
Stars
3.6k
Forks
705
Avg merge
1d 5h
Merged PRs (30d)
134

Description

What happened?
Description

There is a difference in the performance of the cropping tool between browsers.

Steps to reproduce
  1. Open the Image Editor for an image asset in both Chrome and Firefox
  2. Go to the Crop tab and resize the crop rectangle so it can be moved around inside the image canvas
  3. Drag the crop rectangle around the image
Expected behavior

Smooth movement regardless of browser

Actual behavior

In Chrome, the crop movement is smooth. In Firefox, the drag is laggy and sometimes requires multiple drag and drops to achieve the same placement as in Chrome.

Craft CMS version

5.4.8

PHP version

No response

Operating system and version

No response

Database type and version

No response

Image driver and version

No response

Installed plugins and versions

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reproducing the crop-rectangle dragging steps in Firefox and Chrome using Craft CMS 5.4.8, then identify the Image Editor crop implementation involved. Done means crop movement is comparably smooth in Firefox and Chrome, with the reported repeated drag-and-drop behavior no longer occurring.

Written by the indexing model from the issue text.

Assessment

Tech stack
php
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
38/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.