Uploaded image for project: 'Confluence Cloud'
  1. Confluence Cloud
  2. CONFCLOUD-69403

Images such as small png icons inserted/pasted on a new editor page are not resizing/rendering correctly

XMLWordPrintable

      Issue Summary

      Some images, such as with .png format copied (from another page, web or screenshot) and pasted on a new editor page are not being rendered correctly.

      It sometimes render too big or too small on the page on published mode. On edit mode, it shows the image on size you want, but sometimes it not renders correctly and the is not resizable anymore.

      Steps to Reproduce

      1. Create/edit a page on the new editor
      2. Copy a small png icon image from the web and paste it on the page (or take a screenshot and crop the image and make it a small icon (between 128 x 128 or smaller)
      3. Publish the page
      4. Edit the page again
      5. Click on the image/icon and try to resize it
      6. Click on the image and change its alignment (to left of right)
      7. Publish the page

      Expected Results

      The images/small icon keep the resize/size and align and render correctly on the page after publishing.

      Actual Results

      The images/small icons are not being rendered correctly and sometimes it gets bigger or smaller after publishing the page.
      If you click on them, on edit mode, it also changes its size and it is no longer possible to resize it if you don't publish and edit again.
      Nevertheless, it does not render correctly.

      Workaround

      Use the legacy editor or upload the icon images as emoji.

      Notes:

      .png, .jpg and .svg are currently being affected.
      Sometimes, even images bigger than 128x are being affected, even though it was uploaded through the files and images option.

        1. png.mp4
          1.72 MB

              calant@atlassian.com Corné Alant
              jhonda@atlassian.com Jessica
              Votes:
              4 Vote for this issue
              Watchers:
              21 Start watching this issue

                Created:
                Updated:
                Resolved: