Uploaded image for project: 'TRELLO'
  1. TRELLO
  2. TRELLO-1379

Opening an image in Safari browser loses its aspect ratio when the browser is not in full screen height

XMLWordPrintable

    • 1
    • Minor

      Issue Summary

      The uploaded image becomes skewed when opening it in a Safari browser and the browser's viewport is not in full height of the screen. 

      Steps to Reproduce

      1. Open the Safari browser on your Mac.
      2. Create a new card.
      3. Upload a vertical image with dimensions around 450 x 1000 pixels.
      4. After uploading, open the image on your card.
      5. Adjust the height of your browser window to make it shorter and observe how the image changes.

      Expected Results

      The image should remain its aspect ratio and shouldn't affect the quality even when the browser is smaller in viewport. 

      Actual Results

      The image is skewed when you move the Safari browser's height up and down. The shorter it is, the more skewed it gets. The image loses its aspect ratio.

      The image's aspect ratio is intact when using Chrome browser:

      Workaround

      Currently there is no known workaround for this behavior if using Safari. A workaround is to use an alternate browser like Chrome. 

        1. using_chrome.png
          273 kB
          Mutya
        2. using_safari.png
          301 kB
          Mutya

              Unassigned Unassigned
              e34e32beb823 Mutya (Inactive)
              Votes:
              0 Vote for this issue
              Watchers:
              1 Start watching this issue

                Created:
                Updated: