After JIRA migration, images with percentage based width have vertical padding

XMLWordPrintable

    • Type: Bug
    • Resolution: Unresolved
    • Priority: Low
    • Component/s: Editor - Cloud
    • None
    • 1
    • Severity 3 - Minor
    • 0

      Description

      After migrating from Jira Data Center to Jira Cloud, for rich text embedded images with a percentage based width, the images have excessive whitespace/padding around them.

      Related tickets:

      Steps to Reproduce

      1. On a Jira Data Center instance, create issues with embedded images using the following wiki markup pattern:
        •  !image.png|width=50%!

           — percentage-based width

      2. Migrate the project to Jira Cloud using the Jira Cloud Migration Assistant (JCMA).
      3. View the migrated issues in Jira Cloud.

      Alternative reproduction steps (without migration)

      1. Issue can be reproduced via this reproduction link

      2. Alternatively - In editor examples (https://atlaskit.atlassian.com/example?groupId=editor&packageId=editor-core&exampleId=kitchen-sink&mode=none) reproduce content with the following ADF where image.jpg is set to a wide landscape aspect ratio image, eg https://placehold.co/800x300

      {
        "type": "doc",
        "version": 1,
        "content": [
          {
            "type": "mediaSingle",
            "attrs": {
              "width": 50,
              "layout": "center"
            },
            "content": [
              {
                "type": "media",
                "attrs": {
                  "type": "file",
                  "id": "image.png",
                  "collection": ""
                }
              }
            ]
          }
        ]
      }
      

      3. Observe large whitespace above and below the image in both editor and renderer:

      Expected Result

      Images should render with the same dimensions, proportions, and layout (including inline positioning) as they had in Jira Data Center.

      Actual Result

      The percentage width is preserved, but the height is incorrectly assumed by the renderer, producing large vertical padding — especially visible on wide/landscape images.

      Impact

      Embedded images (step-by-step instructions, test evidence, diagrams) are difficult to read after migration. 

      Workaround

      Open the affected issue in Jira Cloud → Edit → click each image → drag the resize handle to restore the desired size. This must be done per image, per issue.

              Assignee:
              Unassigned
              Reporter:
              Vasti Marucci
              Votes:
              1 Vote for this issue
              Watchers:
              5 Start watching this issue

                Created:
                Updated: