Image is not placed in the center in firefox if requested ratio is bigger than image ratio

[juli-p]

Describe the bug
I ran into a problem with the basic clipper component: The selected image is placed incorrectly onto the canvas if a ratio bigger than the ratio of the selected image is set. If e.g. a photo with an aspect ratio of 4:3 is selected and I try to set a fixed ratio for the clipper of 4:1 I can not see the image anymore because it seems to be placed too far to the left (if zoomed out completely you can usally find it again). The problem does not show up if a smaller ratio is selected than the original image has.
I only experienced the problem with firefox but not with chromium so I assume it has to do with browser compatibility.

To Reproduce
Steps to reproduce the behavior:

1. include a basic clipper component
2. use firefox 76.0 on fedora
3. select an image to crop
4. set the ratio prop > than the image aspect ratio

Expected behavior
The expected behaviour obviously would be that the image position is not related to the selected fixed ratio value as it can be seen in chromium.

Screenshots

(zoomed out to show that image is still there but placed incorrectly)

Desktop (please complete the following information):

• OS: fedora
• Browser firefox
• Version 76.0 64-bit

[timtnleeProject]

Hi @juli-p ,
thanks for report this issue.
I have released v3.1.1 to fix this issue.