Bug #99199
closedImage cropper: Part of the image not visible if the modal is < 1000px high
100%
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