Uploaded image for project: 'Confluence Data Center'
  1. Confluence Data Center
  2. CONFSERVER-93443

Images resized by percentage are not displayed correctly

XMLWordPrintable

      Issue Summary

      This is reproducible on Data Center: (yes)

      Since Confluence v8.6, the images resized by percentage  are displayed as small images on the page.

      Steps to Reproduce

      1. Create a page in Confluence 
      2. Download Confluence Source Editor.
        • Go to Settings -> Manage Apps screen and install Confluence Source Editor by selecting Upload app and choosing the Confluence source editor jar file.
      3. Edit the page and click the <> button 
      4. Insert the storage format below:
        1. <p> 
            <ac:image ac:align="center" ac:width="80%" 
              <ri:attachment ri:filename="image-2023-11-21_11-42-29.png" /> 
            </ac:image> 
          </p>  
      1. Save the page

      Expected Results

      The image should be displayed as expected:

      Actual Results

      The. image is displayed as a small image:

      Workaround

      Use pixel values instead of the percentage: 

      <p> 
        <ac:image ac:align="center" ac:width="650"
            <ri:attachment ri:filename="image-2023-11-21_11-42-29.png" />
        </ac:image> 
      </p>  

      Another possible workaround is to use the custom CSS below. This was shown to work in at least two different environments.

      .wiki-content .confluence-embedded-file-wrapper.confluence-embedded-manual-size {
      max-width: none !important;
      }

        1. Screenshot 2023-12-01 at 09.52.31.png
          1.45 MB
          Suat Kandiş
        2. Screenshot 2023-12-01 at 09.54.13.png
          39 kB
          Suat Kandiş

              Unassigned Unassigned
              2f0471d2a1a4 Suat Kandiş (Inactive)
              Votes:
              7 Vote for this issue
              Watchers:
              8 Start watching this issue

                Created:
                Updated: