Project

General

Profile

Actions

Bug #99199

closed

Image cropper: Part of the image not visible if the modal is < 1000px high

Added by Leonie Philine almost 2 years ago. Updated over 1 year ago.

Status:
Closed
Priority:
Must have
Assignee:
-
Category:
Image Cropping
Target version:
-
Start date:
2022-11-25
Due date:
% Done:

100%

Estimated time:
TYPO3 Version:
11
PHP Version:
8.1
Tags:
Complexity:
Is Regression:
Yes
Sprint Focus:

Description

To reproduce:

- Set your browser (e.g. in responsive design mode) to a viewport height < 1000px (e.g. HiDPI Laptop 1440x900 px)
- Upload a big image using upright / portrait orientation.
- Add the image to a content element
- Open the image cropper

Expected:

- The entire image is visible; scaled down to fit into the image cropper modal
- At least, though, it should be possible to scroll up and down to see and crop from the entire image

Actual result:

- The #t3js-crop-image-container.cropper-image-container has a height of 1000px
- The image is centered vertially
- It is possible to scroll down to see the bottom edge of the image
- However, it is NOT possible to scroll up to see the top edge of the image!

See attached annotated screenshot:

- In the screenshot, the cropper is shown in its initial scroll state, which is scrolled all the way to the top.
- However, the image (in fact, the #t3js-crop-image-container.cropper-image-container) is vertically centered;
- thus the top part of the image is invisible and cannot be scrolled to.

IIRC, this is a regression from TYPO3 10 to TYPO3 11. (Might have been introduced by replacing cropper with cropperjs.)


Files

Screenshot_20221125_181250.png (860 KB) Screenshot_20221125_181250.png Leonie Philine, 2022-11-25 17:15
Actions

Also available in: Atom PDF