Uploaded image for project: 'Sakai'
  1. Sakai
  2. SAK-32555

Aspect ratio distortion for legacy CKEditor images resized for mobile

    XMLWordPrintable

    Details

    • Type: Bug
    • Status: OPEN
    • Priority: Major
    • Resolution: Unresolved
    • Affects Version/s: 12.0
    • Fix Version/s: None
    • Component/s: morpheus
    • Labels:
      None

      Description

      Images inserted with the CKEditor image plugin used in Sakai 11 and Sakai 12 seem to resize appropriately for mobile devices per the fix to SAK-31978. However, the width to height ratio for images that had been inserted with the CKEditor for older versions of Sakai such as 2.9 or 2.10 is distorted when the image is resized for mobile devices. This distortion will affect any image content migrated from older instances of Sakai.

      The newer HTML for images inserted with the CKEditor from Sakai 11 & 12 places height and width values within distinct respective img attributes:

      <p><img alt="" src="$imagePath" height="709" width="684" /></p>

      These images seem to resize correctly without distortion as depicted in the attachment ModernImage_AspectRatioPreserved.png.

      The older HTML for images inserted with the CKEditor from Sakai 2.9 & 2.10 placed both the height and width values within the style attribute:

      <p><img alt="" src="$imagePath" style="height: 709.0px;width: 684.0px;" /></p>

      The aspect ratio for these images distorts, where the height does not resize correspondingly with the resizing of the width as depicted in the attachment LegacyImage_AspectRatioDistored.png.

        Gliffy Diagrams

          Attachments

            Activity

              People

              • Assignee:
                Unassigned
                Reporter:
                hornersa Sean Horner
              • Votes:
                0 Vote for this issue
                Watchers:
                1 Start watching this issue

                Dates

                • Created:
                  Updated:

                  Git Source Code