Project

General

Profile

Actions

Bug #103879

closed

Image manipulation does not display "Selected Size" in other variant than first one

Added by Uwe Michelfelder 6 months ago. Updated 5 months ago.

Status:
Closed
Priority:
Should have
Assignee:
-
Category:
Backend User Interface
Target version:
-
Start date:
2024-05-22
Due date:
% Done:

100%

Estimated time:
TYPO3 Version:
12
PHP Version:
Tags:
Complexity:
Is Regression:
Sprint Focus:

Description

After an upgrade from TYPO3 v10 to v12 we noticed, that the image manipulation modal does not process the selected areas of Free-Mode (NaN) in the cropVariants other than the first (Desktop) correctly.

Whether the button "Free" is selected, nor the "Selected size" info is filled with the pixel values of the selected area.

The payload of the button which calls the image manipulation modal is identical between v10 and v12.

{

  "cropVariants": {

    "default": {

      "id": "default",

      "title": "Desktop",

      "cropArea": {

        "x": 0.241,

        "y": 0,

        "width": 0.759,

        "height": 1

      },

      "allowedAspectRatios": {

        "wide": {

          "id": "wide",

          "title": "16:9",

          "value": 1.7777777777777777

        },

        "fourbythree": {

          "id": "fourbythree",

          "title": "4:3",

          "value": 1.3333333333333333

        },

        "threebytwo": {

          "id": "threebytwo",

          "title": "3:2",

          "value": 1.5

        },

        "twobyone": {

          "id": "twobyone",

          "title": "2:1",

          "value": 2

        },

        "square": {

          "id": "square",

          "title": "1:1",

          "value": 1

        },

        "onebytwo": {

          "id": "onebytwo",

          "title": "1:2",

          "value": 0.5

        },

        "twobythree": {

          "id": "twobythree",

          "title": "2:3",

          "value": 0.6666666666666666

        },

        "threebyfour": {

          "id": "threebyfour",

          "title": "3:4",

          "value": 0.75

        },

        "header-non-slide": {

          "id": "header-non-slide",

          "title": "Header",

          "value": 4.125

        },

        "header": {

          "id": "header",

          "title": "Header Slideshow",

          "value": 4.125

        },

        "NaN": {

          "id": "NaN",

          "title": "Frei",

          "value": 0

        }

      },

      "selectedRatio": "NaN",

      "focusArea": null,

      "coverAreas": null

    },

    "tablet": {

      "id": "tablet",

      "title": "Tablet",

      "cropArea": {

        "x": 0.237,

        "y": 0,

        "width": 0.763,

        "height": 1

      },

      "allowedAspectRatios": {

        "wide": {

          "id": "wide",

          "title": "16:9",

          "value": 1.7777777777777777

        },

        "fourbythree": {

          "id": "fourbythree",

          "title": "4:3",

          "value": 1.3333333333333333

        },

        "threebytwo": {

          "id": "threebytwo",

          "title": "3:2",

          "value": 1.5

        },

        "twobyone": {

          "id": "twobyone",

          "title": "2:1",

          "value": 2

        },

        "square": {

          "id": "square",

          "title": "1:1",

          "value": 1

        },

        "onebytwo": {

          "id": "onebytwo",

          "title": "1:2",

          "value": 0.5

        },

        "twobythree": {

          "id": "twobythree",

          "title": "2:3",

          "value": 0.6666666666666666

        },

        "threebyfour": {

          "id": "threebyfour",

          "title": "3:4",

          "value": 0.75

        },

        "header-non-slide": {

          "id": "header-non-slide",

          "title": "Header",

          "value": 2.5

        },

        "header": {

          "id": "header",

          "title": "Header Slideshow",

          "value": 1.5

        },

        "NaN": {

          "id": "NaN",

          "title": "Frei",

          "value": 0

        }

      },

      "selectedRatio": "NaN",

      "focusArea": null,

      "coverAreas": null

    },

    "mobile": {

      "id": "mobile",

      "title": "Mobile",

      "cropArea": {

        "x": 0.291,

        "y": 0,

        "width": 0.709,

        "height": 1

      },

      "allowedAspectRatios": {

        "wide": {

          "id": "wide",

          "title": "16:9",

          "value": 1.7777777777777777

        },

        "fourbythree": {

          "id": "fourbythree",

          "title": "4:3",

          "value": 1.3333333333333333

        },

        "threebytwo": {

          "id": "threebytwo",

          "title": "3:2",

          "value": 1.5

        },

        "twobyone": {

          "id": "twobyone",

          "title": "2:1",

          "value": 2

        },

        "square": {

          "id": "square",

          "title": "1:1",

          "value": 1

        },

        "onebytwo": {

          "id": "onebytwo",

          "title": "1:2",

          "value": 0.5

        },

        "twobythree": {

          "id": "twobythree",

          "title": "2:3",

          "value": 0.6666666666666666

        },

        "threebyfour": {

          "id": "threebyfour",

          "title": "3:4",

          "value": 0.75

        },

        "header-non-slide": {

          "id": "header-non-slide",

          "title": "Header",

          "value": 2

        },

        "header": {

          "id": "header",

          "title": "Header Slideshow",

          "value": 1.5

        },

        "NaN": {

          "id": "NaN",

          "title": "Frei",

          "value": 0

        }

      },

      "selectedRatio": "NaN",

      "focusArea": null,

      "coverAreas": null

    }

  },

  "image": 5670

}

In the preview image, the area is shown correctly, but the "Free" button cannot be selected.


Files

Actions

Also available in: Atom PDF